jquery - 为什么 JQuery .Resize() 给我带来麻烦？

Question

content当用户调整页面大小时，我试图让页面上的div 自行修复。我在顶部和底部都有静态 div，使contentdiv 成为唯一可以调整大小以随页面流动的 div。

$(window).resize(function() {
    var height = $("#content").height();
    newheight = (height-136)+"px";
    $("#content").css("height",newheight);
});
function test() {
    var height = $("#content").height();
    newheight = (height-136)+"px";
    $("#content").css("height",newheight);
}

我从高度中减去 136px，以便它适合我的两个静态 div 之间。

在页面加载时，我运行该test()函数，它会调整内容 div 的大小。但是，当我使用大小调整手柄调整窗口大小时，它会一直缩小到内容的大小（现在只有几个词）。

这是页面本身：spynsycle.com/ttr （忽略丑陋的绿色，它仅用于调试目的）

有什么想法吗？

Answer 1

As stated by @JaredFarris, you need to be taking $(window).height(). For example if you go to the site in Chrome or Firefox (with Firebug) and put the following in the console, it resizes perfectly as you want it to:

$(window).resize(function() {
    var height = $(window).height();
    newheight = (height-136)+"px";
    $("#content").css("height",newheight);
});