[JavaScript] [jQuery] Zmiana wysokości div-a Opcje

[muumiin]

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:

[PHP] pobierz, plaintext 
$(document).ready(function (){
    $(window).resize(function (){
        $('.div2').css({
            height: ($('.div1').height()
        });
    });
    $(window).resize();
});
[PHP] pobierz, plaintext 

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

[muumiin]

u mnie to coś nie chciało działać (IMG:style_emoticons/default/wink.gif)

ale coś takiego zadziałało:

[PHP] pobierz, plaintext 
$(document).ready(function() {
	height2 = $('.div2').height()
	$('.div1').css({
		height: height2,
	});
});
[PHP] pobierz, plaintext 

Ale trochę się miesza gdy zaczynam zwężać pole przeglądarki - za sprawą css-a pierwszy div się zmniejsza, a drugi zostaje taki sam. Jak to można poprawić? Żeby ta funkcja uruchamiała się za każdym razem, gdy zmienia się szerokość okna przeglądarki?

Ten post edytował muumiin 4.02.2015, 14:18:27