javascript - 使用 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 函数触发时文档已完全加载但图像尚未加载)。