检测HTML图像源更新何时完成

Question

我正在使用jQuery来更新图像源

$("#myImage").attr("src", imagePath);

之后，我尝试用

检测图像的宽度

$("#myImage").width();

有时（特别是第一次更新时）看起来没有完成更新，我收到了无效数据。

有没有办法确保图像加载完毕？

Answer 1

完成加载后，

$.load();会在图像上触发：

$("img.myImage").load(function(){
  alert("My width is " + $(this).width());
});

来源：http://api.jquery.com/load-event/

Answer 2

图片有一个onload事件，就像文档的正文一样。

确保在更改src之前设置事件。