javascript - 在使用“each()”进行迭代时调用 delay()？

Question

我试图错开一些物体消失在视野中的速度。我不确定我做错了什么。

从文档中，看起来我只是像其他任何方法一样调用它。

$( "#foo" ).slideUp( 300 ).delay( 800 ).fadeIn( 400 );

所以，我在我的代码中尝试了：

        $.each($children, function(key, value) {
            $(value).fadeIn("slow").delay(1000);
        });

但是，由于某种原因，这不起作用。无论输入的时间如何，所有内容都会同时淡入。

score 3 · Accepted Answer

循环一次运行，因此请指定不同的延迟，例如 1000、2000、3000 等。

这样做的逻辑是( 1000 * ( index + 1 ) )，第 0 次获得( 0 + 1 ) * 1000 === 1000，第 1 次获得( 1 + 1 ) * 1000 === 2000，依此类推

$.each($children, function(index, value) {
    $(value).delay(1000 * (index + 1)).fadeIn("slow");
});

哦，还有......你必须先在淡入淡出之前延迟，因为你预计延迟会在淡入淡出之前到来

1 回答 1