Div没有正确调整大小

时间:2015-06-17 01:00:01

标签: javascript jquery css

我试图将divs高度设置为等于其父div的计算。这是我的代码:

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

alert(cw);

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

我将父div设置为calc(100%-300px)。警报以像素为单位给出了我想要的尺寸。然而,当它将高度应用于类spliopod时,它会吐出百分比值(25%)作为值,因此高度变为25px。

有什么想法吗?

1 个答案:

答案 0 :(得分: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);
});