用jQuery調整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/

Answer 2

它在這里工作

<div id="container">
</div>

的CSS

#container{

    width:200px;
    height:200px;
    background:Yellow;
}

JS

 $(window).on('resize', function () {
    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());

});