加载图像时使用jquery .load函数

Question

好的，所以我想在页面上加载所有图片时使用jquery .load函数运行一些代码。

jQuery("img").load(function () {
    //run some code
});

现在代码运行但我的问题是，代码是在页面上的所有图像加载后运行还是代码在加载第一个图像元素时运行。

我知道我可以使用jquery $(document).ready函数或`$（window）.load函数，但是当加载所有东西时它会激活。 我希望代码在加载图像元素时运行，并且在页脚中的所有脚本加载之前运行。

任何人都愿意就此事分享他们的专家意见。

干杯

Answer 1

我猜你应该使用窗口而不是img的加载函数：

$(window).on('load', function() { // makes sure the whole site is loaded 
  console.log("Everything loaded");
})

编辑：这里有一个预加载器的工作示例： https://codepen.io/niklausgerber/pen/MKrVdQ

Answer 2

而不是图像使用窗口，以了解页面的每个元素是否完全加载。

JQUERY

$(window).on('load', function() { 
 // do this
});

或

$(window).load(function() { 
 // do this
});