div調整大小不正確

Question

我正在嘗試將div高度設置為等於其父div的計算值。 這是我的代碼：

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

alert(cw);

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

我將父div設置為calc（100％-300px）。 警報為我提供了我想要的尺寸（以像素為單位）。 但是，當將高度應用於類別Portfoliopod時，它會吐出百分比值（25％）作為該值，因此高度變為25px。

有任何想法嗎？

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);
});