Как я могу найти все изображения загружаются в AJAX с помощью JQuery

Question

Можно ли определить, все ли изображения загружены в ajax-контент?Я использовал

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

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

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

, но нагрузка не работает, она не входит в цикл ...

Answer 1

Вам необходимо добавить прослушиватель событий load перед настройкой атрибута 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");
    };
});

Я не проверял код.

Answer 2

Попробуйте что-то вроде этого.

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