高度()和调整大小()的Jquery问题

时间:2011-02-08 10:08:16

标签: jquery resize height

我需要根据文档的高度为元素指定一个特定的高度,并保持文档大小的变化:

$(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)的“调整大小”按钮调整窗口大小,它似乎不会像拖动窗口边缘那样触发“调整大小”事件。

任何帮助?

2 个答案:

答案 0 :(得分:4)

要计算高度,请尝试按窗口替换文档:

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

    });

答案 1 :(得分:0)

这样的事似乎适合我:

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