javascript - div调整大小不正确

我正在尝试将divs高度设置为等于其父div的计算值。这是我的代码：

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

alert(cw);

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

我将父div设置为calc（100％-300px）。警报为我提供了我想要的尺寸（以像素为单位）。但是，当将高度应用到类Portfoliopod时，它会吐出百分比值（25％）作为该值，因此高度变为25px。

有任何想法吗？

最佳答案

您正在窗口上触发调整大小事件。这将触发您的窗口大小调整回调，从而将.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);
});