延迟一些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将每次新的图像加载调用。