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

它适用于Working DEMO

<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());

});

div调整jquery失败

2 个答案: