请教用于加载图像的jQuery事件

Question

用于加载图像的jQuery事件当通过jQuery事件加载所有图像时，是否能够检测到？理想情况下，应该有一个$(document).idle(function(){}或$(document).contentLoaded(function(){}但我找不到这样的东西。我想要附加这样一个事件：$(document).ready(function(){     var imageTotal = $('img').length;     var imageCount = 0;             $('img').load(function(){if(++imageCount == imageTotal) doStuff();});}但是，如果图像无法加载，这会中断吗？在正确的时间调用该方法是非常重要的。

Answer 1

如果你想检查的不是所有的图像，而是一个特定的(例如。在DOM完成后动态替换的图像)您可以使用以下内容：

$('#myImage').attr('src', 'image.jpg').on("load", function() {  
  alert('Image Loaded');  });

Answer 2

你可以用我的插件等待图像来处理这件事.。

$(document).waitForImages(function() {
   // Loaded.});

它的优点是您可以将其定位为一个祖先元素，而它可以任选检测CSS中引用的图像。

不过，这只是冰山一角，看看文献资料更多功能。