Jquery中的预加载器

Question

我用 jQuery 为我的项目编写了一个精美的预加载器。在处理我的 AJAX 查询时，它会被激活。

我已经习惯加载它了：

$(document).ajaxStart(function) () {
    #preloder is displayed 
} 

然后停止它：

$(document).ajaxStart(function) () {
    #preloder is turned off 
} 

问题是我的 AJAX 返回图像 src，然后显示在 <div> 中，但有些图片真的很重，而且大多数时候我的预加载器在我的图片完全加载之前停止。

我浏览了 jquery 文档并找到了一个 .load(function)。但似乎它已从 jQuery 中删除。好像已经换成.trigger("load")了。它对我的问题有用吗？我试图实现它但没有成功。

Answer 1

@Aureliano Far Suau 的快速回答对我来说非常有用。无需插件：

$('img').on('load', function() {
          // do something
    });

对于多张图片：

var loaded = 0;
$('img').on('load', function() {
   loaded++;
   if(loaded == $('img').length){
      // do something
   }
});