jQuery .load() 不适用于我的图像

Question

图像加载完成后，我尝试运行一些代码。我使用以下 jQuery 代码:

$("#myimageid").load(function() {
    alert('Image Loaded');
});

但是弹出窗口从未出现。我无法让 .load() 函数工作!有人遇到过这个问题吗？

Answer 1

如果您在图像已经具有设置源之后运行此命令，则需要对缓存图像进行额外检查(谁触发了该事件，就在您添加监听事件处理程序之前)它)。你可以这样做:

$("#myimageid").on('load', function() {
  alert('Image Loaded'); 
}).each(function() {
  if(this.complete) $(this).load();
});

更新更高版本的查询，使用:

if(this.complete) $(this).trigger('load');

使用(this).load();将产生Cannot read property 'indexOf' of undefined错误