jQuery中加载的所有图像

All images onload in jQuery?

本文关键字:图像 加载 jQuery      更新时间:2023-09-26

我有两个<img>

<img src="photo1.png">
<img src="photo2.png">

并且我希望它在这两个都完成加载时运行一个函数。

$("img").load(blah);
function blah(e){
    var blah = "text";
}

但它不起作用。它激发了两次,因为jQuery分别将onload添加到<img>,这不是我想要的。

那么我该怎么做呢?请帮忙。

你可以试试:

var imgs = $('img');
var imgs_count = imgs.length;
var imgs_loaded = 0;
imgs.load(function() {
    imgs_loaded++;
    if(imgs_loaded === imgs_count) {
        alert('All loaded!');
    }
});