javascript - jQuery $(window).height 动态添加内容错误

Question

我正在使用 jQuery 来动态定位我的页脚，现在的问题是

$(window).height();

是错误的，因为我包含一个导航使用:

$('.navigation').load('includes/navigation.html');

之后，我检查了一下，但 $(window).height() 不包括添加项目的高度，我在检查高度之前添加项目，这样就不会出现问题。我也尝试了 $(document).ready() 和 $(window).load()

完整代码

$(window).load(function(){


    $('.navigation').load('includes/navigation.html');

    var docheight = $(document).height();
    var winheight = $(window).height();

    console.log('window: ' + winheight + ', document: ' + docheight);
});

Answer 1

您应该使用 load() 完成回调来获取新文档的高度，否则由于 load() 是异步的，您将在新内容添加到之前获取高度DOM:

$('.navigation').load('includes/navigation.html', function(){
    var docheight = $(document).height();
});