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

Question

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

对于jQuery函数，请参阅以下问题：Issues with Fixed div on bottom of page that stops 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()
})

从此新功能将在每次新图像加载时调用。