javascript - 什么时候触发AJAX成功？

Question

我想通过 AJAX 加载一些 HTML 文档，但我想在加载该文档中的所有图像时显示它。

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

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

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 中。