高度（）和调整大小（）的Jquery问题答案

【问题标题】：Jquery problem with height() and resize()高度（）和调整大小（）的Jquery问题
【发布时间】：2011-06-23 08:01:18
【问题描述】：

我需要根据文档的高度给一个元素一个特定的高度，并在文档大小发生变化时保持它：

$(document).ready(function () {
    $('#descriptive_news_text').height(($(document).height() - 325));
    $(window).resize(function () {
        $('#descriptive_news_text').height(($(document).height() - 325));
    });

});

现在，当我手动调整浏览器大小时，它就像一个魅力，但在页面加载时，文档大小的计算方式错误，因此 div 的高度也是错误的。我尝试强制将$(windows).resize() 作为最后一条语句（作为测试，即使延迟几秒钟），但这不起作用，因为 jQuery 只能在手动调整大小后识别正确的高度。

此外，通过双击或通过窗口（Chrome、Windows）的“调整大小”按钮调整窗口大小似乎不会像拖动窗口边缘那样触发“调整大小”事件。

有什么帮助吗？

【问题讨论】：

标签： jquery resize height

【解决方案1】：

这样的事情对我来说似乎很好用：

$(function() {
    $("div#test").css("height", ($(document).height() - 325) + "px");
});

【讨论】：

【解决方案2】：

要计算高度，请尝试用窗口替换文档：

    $(document).ready(function () {
            $('#descriptive_news_text').height(($(window).height() - 325));
            $(window).resize(function () {
                    $('#descriptive_news_text').height(($(window).height() - 325));
            });

    });

【讨论】：