刷新时获取图像高度

Question

我正试图用jquery

获取图像的高度

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

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

如果我通过链接转到页面：
Firefox：383px
IE 8：383px
Chrome：383px

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

Answer 1

在加载DOM之后，

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

尝试使用jQuery的load处理程序：

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

Answer 2

尝试等待图像完全加载

    var img = document.getElementById("image");
    img.onload = function () {
    alert($('#image').height());
    };

Answer 3

$(document).ready(function() {

    $('#image').bind("load", function() {
       alert($('#image').height());
    });

})