什么时候触发AJAX成功？

Question

我想通过AJAX加载一些HTML文档,但我希望在本文档中的所有图像都被填充时显示它.

$('.about').click(function () {
    $(".back").load('Tour.html', function () {
        $(".back").show();
    });
});

当加载Tour.html中的所有图像时,".back"应该是可见的,何时触发成功事件？

Answer 1

$(".back").load('Tour.html', function (html) {
    var $imgs = $(html).find('img');
    var len = $imgs.length, loaded = 0;
    $imgs.one('load', function() {
        loaded++;
        if (loaded == len) {
            $(".back").show();
        }
    })
    .each(function () { if (this.complete) { $(this).trigger('load'); });
});

这需要在<img>返回的html 中至少有一个.