Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] [jQuery] Zmiana wysokości div-a
muumiin
post
Post #1





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 17.09.2014
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Witam!
Mam dwa div-y, które mają być elastyczne - wysokość zależna od zawartości, ale oba div-y mają być cały czas równej wysokości (tzn jeśli pierwszy div się rozciągnie, bo jest więcej tekstu, drugi też powinien się tak samo rozciągnąć.

Napisałam coś, co myślałam, że będzie poprawne, bo wzorowałam się na czymś, co działało, ale nie działa... Mój kod:

  1. $(document).ready(function (){
  2. $(window).resize(function (){
  3. $('.div2').css({
  4. height: ($('.div1').height()
  5. });
  6. });
  7. $(window).resize();
  8. });


Fajnie, żeby przeliczało wysokość przy każdym załadowaniu strony oraz przy zmniejszaniu okna. Zwykle div1 będzie większy od div2, więc głównie zależy mi na tym, żeby w tą stronę to działało

Ten post edytował muumiin 4.02.2015, 13:31:28
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
rad11
post
Post #2





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Moze sie tak dziac bo jeden element jest w % a drugi w px choc teoretycznie js powinien sobie to sam dobrze przeliczyc hmmm....

sproboj tak i powiedz czy poprawilo sie:
  1. $(document).ready(function() {
  2.  
  3. height2 = parseInt($('.div2').height());
  4. $('.div1').css({
  5. height: height2+'%'
  6. });
  7.  
  8. $( window ).resize(function() {
  9. height2 = parseInt($('.div2').height());
  10. $('.div1').css({
  11. height: height2+'%'
  12. });
  13. });
  14. });


Ten post edytował rad11 4.02.2015, 20:12:45
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 19:04