javascript - 使用 jquery live 或 on 进行顺序加载

Question

我正在使用 ajax 加载许多图像，并希望将它们绑定为按顺序出现。要在没有 ajax 的情况下做到这一点，我只是这样做：

$(".sequenced-fadein").hide().each(function(index, el){
    setTimeout(function () {
        $(el).fadeIn(1234)
    }, 500 * (index+1));
});

但是如果使用 ajax 加载对象，我看不到如何绑定它（除了将所有内容放入function reBindThingsThatMightBeDynamicallyLoaded()并在 each 之后调用它$.get()，这看起来很笨重。我确信它是如此简单以至于我忽略了它 - 我已经尝试过.on("ready", function () { ..，但 jquery 不支持准备绑定到实时/在线事件 afaik。

Answer 1

您可以在 ajax 回调函数中执行此操作。

$.get(url, function(data) {
    $(data).hide().appendTo('#container').each(function(index, el){
        setTimeout(function () {
            $(el).fadeIn(1234)
        }, 500 * (index+1));
    });
});