javascript - 使用 jquery failes 调整 div 大小

Question

我想用 jquery 调整我的 div“容器”的大小，我想我知道如何做到这一点。但不幸的是，ist 不起作用。这是我的简单代码:

var viewport = $( window ).height();
var container_height = viewport - 125;
alert("setting height to "+container_height);
$( "#container" ).height(container_height);
alert("height is now " + $( "#container" ).height());

第一个警报告诉我正确的高度，但第二个警报告诉我它为空。

这是怎么回事？ 谢谢!

Answer 1

它对我有用，试试这个:

$(window).on('resize', function(){

    var viewport = $( window ).height();

    var container_height = viewport - 125;

    $( "#container" ).height(container_height);
});

http://jsfiddle.net/8z7wzk1p/