我知道 Stackoverflow 上有很多这些，但我还没有在最新版本的 jquery (1.10.2) 中找到适合我的。
我确实尝试过：
$(".lazy").load(function (){}
但我相信经过一些研究.load用于检测图像加载在 jQuery 1.8 中已被弃用。我需要做的是在加载图像后触发图像调整大小功能。我无法控制 HTML，目前我必须通过 jQuery 添加图像尺寸，方法是.attr()在页面加载时附加一个属性（via ），以便我可以使用lazyload js。
问题是我需要一种准确的方法来推迟我所有的各种脚本，直到图像正确加载，否则函数有时会在每个图像加载之前触发。我曾尝试使用，$(window).load(function (){});但有时在每个图像加载之前它仍然会触发。
我通常这样做：
var image = new Image();
image.onload = function () {
console.info("Image loaded !");
//do something...
}
image.onerror = function () {
console.error("Cannot load image");
//do something else...
}
image.src = "/images/blah/foo.jpg";
请记住，加载是异步的，因此您必须在onload和onerror事件中继续脚本。
.complete图像对象还有一个有用的属性，如果.src您<img>在附加任何事件侦听器之前已经设置了，则可以使用它：
var img=document.getElementById('myimg');
var func=function(){
// do your code here
// `this` refers to the img object
};
if(img.complete){
func.call(img);
}
else{
img.onload=func;
}
在等待加载多张图片的情况下：
var images = $("#div-with-images img");
var unloaded = images.length;
images.on('load', function(){
-- unloaded;
if (!unloaded) {
// here all images loaded, do your stuff
}
});
我需要做的是在加载图像后触发图像调整大小功能。
您确定需要加载图像吗？在调整图像大小之前等待图像加载可能会导致页面布局出现大幅跳跃，尤其是当图像具有较大的文件大小时，例如动画 GIF。
通常，对于图像调整大小，您只需要知道图像的内在尺寸。虽然没有事件告诉您这一点，但轮询图像中的数据很容易。像这样的事情可能特别有效：
<img src="..." data-resizeme="123" />
(function() {
var images, l, i, tmp;
if( document.querySelectorAll) {
images = [].slice.call(document.querySelectorAll("img[data-resizeme]"),0);
}
else {
tmp = document.getElementsByTagName("img");
images = [];
// browser compatibility is fun!
for( i=tmp.length-1; i>=0; i--) {
if( tmp[i].getAttribute("data-resizeme")) images.unshift(tmp[i]);
}
}
for( i=images.length-1; i>=0; i--) {
images[i].onload = resizeImage;
images[i].onerror = cancelImageResize;
}
var timer = setInterval(function() {
for( i=images.length-1; i>=0; i--) {
if( images[i].width) {
resizeImage.call(images[i]);
images[i].onload = null;
cancelImageResize.call(images[i]);
}
}
if( images.length == 0) clearInterval(timer);
},100); // adjust granularity as needed - lower number is more responsive.
function cancelImageResize() {
var i;
for( i=images.length-1; i>=0; i--) {
if( images[i] == this) {
images.splice(i,1);
break;
}
}
}
function resizeImage() {
console.log("Image "+this.src+" is "+this.width+"x"+this.height);
}
})();
希望这可以帮助！