jquery - 刷新时获取图片高度

Question

我正在尝试使用 jquery 获取图像的高度

$(document).ready(function() {
    alert($('#image').height());
})

非常基础。但是我很困惑。
如果我按 F5，我会得到以下结果:
火狐:383px
IE 8:30px
Chrome :0px

如果我通过链接转到页面:
火狐:383px
IE 8:383px
Chrome :383px

383 显然是正确的值。但为什么我在刷新时得到了错误的值？

Answer 1

document.ready 在 DOM 加载后触发，但不一定在图像和 CSS 加载后触发。如果您在 window.onload 上运行该代码，您应该会在所有浏览器中获得一致的结果。

尝试改用 jQuery 的 load 处理程序:

$(window).load(function() {
    alert($('#image').height());
})