我知道在Stackoverflow上有很多这样的问题，但我没有找到一个适用于最近版本的jQuery（1.10.2）的解决方案。
我尝试过：
$(".lazy").load(function (){}
但是经过一些研究，我相信在jQuery 1.8中使用.load来检测图像加载已经过时了。我需要做的是，在图片加载完成后触发一个图像调整大小的函数。我无法控制HTML，并且现在我不得不通过附加属性（通过.attr()）在页面加载时使用jQuery添加图像尺寸，以便我可以使用懒加载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事件内继续脚本。
如果您在将任何事件监听器附加到图像之前已经设置了<img>的.src，则图像对象还有一个有用的.complete属性，您可以使用它:
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;
}
$(xx).html() 调用加载的图像的末尾。 - Nick我会给需要这个约束条件的图像赋予一个类名，例如mustLoad，其中：
<img class="mustLoad" src="..." alt="" />
然后创建一个通用的图像加载处理函数，例如：
$('img.mustLoad').on('load',function(){
/* Fire your image resize code here */
});
编辑：
针对您在上面提到废弃 .load() 的评论，.load() 已被废弃，并推荐使用 .on('load') 以减少 在 onLoad 事件和 Ajax 加载之间的歧义。
在等待加载多张图片的情况下：
var images = $("#div-with-images img");
var unloaded = images.length;
images.on('load', function(){
-- unloaded;
if (!unloaded) {
// here all images loaded, do your stuff
}
});
<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);
}
})();
resizeImage 函数中，使用 parseInt(this.getAttribute("data-resizeme"),10) 来获取值，然后应用它。关键是要有一个属性存在。你可以自行决定如何使用它。 - Niet the Dark Absol
$(window).load()吗？我从未遇到过这个问题，而且根据 jQuery 文档所述：“在页面完全加载（包括图形）后运行函数。” - Mister Epic