使用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函数触发文档已经完全加载但图像没有完成时）。