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