Div не изменяет размер правильно

Question

Я пытаюсь установить высоту divs равную вычислению своего родительского div. Это код, у меня есть:

var cw = ($(".portfoliocontainer").width()/4) 

alert(cw); 

$('.portfoliopod').css({'height':cw+'px'}); 

У меня есть набор родительского Div как известково (100% -300px). Предупреждение дает мне размеры, которые я хочу в пикселях. Однако, когда он применяет высоту к классу portfoliopod, он выплескивает процентное значение (25%) в качестве значения, поэтому высота становится 25 пикселей.

Любые идеи?

Answer 1

Вы запускаете событие изменения размера окна. Это приводит к срабатыванию обратного вызова с изменением размера окна, которое, в свою очередь, устанавливает .portfoliopod высотой до 25px. Вот проблемный код:

$(window).resize(function(){ 
    $('.portfoliopod').each(function() { 
     $(this).height($(this).width()); 
    }); 
}).resize(); 

$(this).width() является 25px начать с.

Редактировать
Я думаю, что это то, что вы хотите:

$(window).resize(function(){ 
    var cw = $(".portfoliocontainer").width()/4; 
    $('.portfoliopod').height(cw); 
});