使用 jQuery 在 Chrome 中获取元素的宽度

Question

假设我有这张图片：

<img src="images/01.jpg" border="0" rel="shadow" />

然后使用 jQuery，我得到它的宽度：

$('[rel="shadow"]').width();

Firefox 和 IE 报告图像的正确尺寸，例如 140px，而 Chrome 报告 0。如何解决这个问题？

注意

我不想为图像设置显式宽度，例如：

<img src="images/01.jpg" border="0" rel="shadow" width="140" />

那么，如何以跨浏览器的方式获取元素的width 属性中未定义的宽度？

Answer 1

$(window).load(
    function() {
        alert($('img').width());
    }
);

这将起作用：Test case。基本上它会等到图像加载完毕后再执行代码（当ready函数触发时，文档已经完全加载但图像还没有加载）。