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

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

对于jQuery函数,请参阅此问题: 在给定位置停止的页面底部固定div的问题

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

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

您还可以对单个图像使用load事件,并在加载时运行代码:

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

只需在变量之下编写函数

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

之后,在每个图像加载上调用此函数

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

从这个新function将每次新的图像加载调用。