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

Question

我想使用 jQuery .load函数在页面上加载所有图像时运行一些代码。

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

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

我知道我可以使用 jQuery $(document).ready函数或 `$(window).load 函数，但是这将在加载所有内容时触发。 我希望代码在加载图像元素时运行，并且在页脚中的所有脚本加载之前运行。

有人愿意分享他们对此事的专家意见吗？

Answer 1

我想你应该在窗口中使用 load 函数而不是 img 的：

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

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

Answer 2

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

查询

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

或

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