Javascript Jquery中的预加载程序

我用jQuery为我的项目编写了一个奇特的预加载程序。在处理AJAX查询时，它被激活

我曾经加载过它：

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

为了阻止它：

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

问题是，我的AJAX返回图像

src

，然后将其显示在

中，但有些图片确实很重，大多数情况下，我的预加载程序会在图片完全加载之前停止

---

我浏览了jquery文档，发现了一个.load（函数）。但它似乎已经从jQuery中删除了。它似乎已被

.trigger（“load”）

取代。这对我的问题有用吗？我试图实施它，但没有成功

来自@Aureliano Far Suau的快速回答，对我来说效果很好。不需要插件：

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

对于多个图像：

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

---

来自@Aureliano Far Suau的快速回答对我来说非常有效。不需要插件：

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

对于多个图像：

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

---

这可能会有帮助：这会奏效吗<代码>$（'img'）。on（'load'，function（）{//do something}）这可能会有帮助：这会奏效吗<代码>$（'img'）。on（'load'，function（）{//do something}）