如何使用jquery在ajax中找到所有图像

Question

是否可以查找是否所有图像都加载在ajax内容中？我用过

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

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

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

但负载不起作用，它没有进入循环...

Answer 1

尝试这样的事情。

$('#slider img').each(function() {
      //Write pre loading script
});

Answer 2

在设置 src 属性之前，您需要添加事件侦听器加载。或者您可以扫描图像并检查是否已加载（按图像大小）：

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

img.each(function(){
    if ($(this).width() > 0 && $(this).height() > 0)
        length--;

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

我没有检查过代码。