我怎么知道是否所有<img>使用jQuery加载div

Question

我怎么知道是否所有使用jQuery加载div

我想在#slider div中加载所有img后执行此操作

var imgHeight = $("#slider img").height();
alert(imgHeight);

Answer 1

您可以使用该load活动

$('#slider img').load(function(){
    var imgHeight = $(this).height();
    alert(imgHeight);
});

如果有多个图像,并且您只想在加载完所有图像后获得高度,请尝试使用此代码

var img = $('#slider img');
var length = img.length;

img.load(function(){
    length--;

    if(length === 0){
        alert("All images loaded");
    };
});

好吧,我已经测试了代码,似乎问题与代码没有任何关系.当加载包含缓存中已有图像的页面时,这就是我得到的:

奇怪的是,当我强制浏览器不使用缓存时,不会发生这种情况.