jquery - 检测 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/