所有图片都在jQuery中加载?

时间:2012-03-13 01:06:04

标签: javascript jquery

我有两个<img> s:

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

我希望它在两者完成加载时运行一个函数。

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

但它不起作用。它会触发两次,因为jQuery会单独向onload添加<img>,这不是我想要的。

那我怎么能这样做?请帮忙。

1 个答案:

答案 0 :(得分:5)

你可以尝试一下:

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!');
    }
});