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
   }
});