jquery - 检测图像负载

Question

是否可以通过 jQuery 检测图像加载情况？

Answer 1

您可以使用.load()事件处理程序，如下所示:

$("#myImg").load(function() {
  alert('I loaded!');
}).attr('src', 'myImage.jpg');

请务必在设置源之前附加它，否则该事件可能在附加处理程序来监听它之前就已触发(例如从缓存加载)。

如果这不可行(在绑定(bind)后设置src)，请务必检查它是否已加载并自行启动，如下所示:

$("#myImg").load(function() {
  alert('I loaded!');
}).each(function() {
  if(this.complete) $(this).load();
});