使用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());
    }
);

这将工作:测试用例.基本上它会在执行代码之前等待图像加载(当ready函数触发文档已经完全加载但图像没有完成时).