Div高度并不总是返回相同的数字

Question

我正在使用

$(document).ready(function(){
    var height = $('#home_sidebar').height();
});

获取home_sidebar div的高度。代码仅在页面完全加载时执行。但是它会不时返回不同的数字。例如，有时它会说1699，有时会返回1398。

这个div中有“img”和“a”标签，可能出错？

顺便说一句，我正在http://www.city365.ca上实现一个对接div。如果您看到彩色图标贴在页面顶部，则表明它正常工作。

如果您看到页面底部对接的彩色图标，则无效。

Answer 1

使用$(window).load()确保您的图片已加载

$(window).load(function(){
    var height = $('#home_sidebar').height();
});

Answer 2

试试这个：

$(window).on('load', function(){
    var height = $('#home_sidebar').height();
});

$(window).on('load'...会在开火前等待图像加载。

Answer 3

我还要说明另一种（显而易见的）可能性，即你在负载之间调整窗口大小。只是为了完成：）