javascript - 延迟一些 jQuery 函数，直到所有图像完全加载

Question

如何延迟一些 jQuery / JavaScript 函数，直到页面上的所有图像都完成加载？实际上，我所说的 jQuery 函数是用于设置 div 的偏移位置。问题是图像完全加载后页面会调整大小，因此偏移量是错误的。

对于 jQuery 函数，请参考这个问题：Issues with Fixed div on bottom of page that stop at given place

Answer 1

您可以使用在onload加载所有图像或外部资源后运行的事件：

$(window).load(function(){
  // your code here, all images loaded
});

您还可以将load事件用于单个图像并在它们加载后运行您的代码：

$('img.ImageClass').load(function(){
  // The image loaded....
});

Answer 2

只需在变量下编写函数

function newfunction(){
//put all the stuff here
}

之后在每个图像加载时调用此函数，例如

$('img').load(function(){
newfunction()
})

从此新函数将在每次加载新图像时调用。