javascript - 在使用 `each()` 迭代时调用delay() ？

Question

我试图错开一些物体淡出视野的速度。我不确定我做错了什么。

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

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

所以，我在代码中尝试了:

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

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

Answer 1

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

其逻辑是 ( 1000 * ( index + 1 ) )，因此对于第 0 个，您将得到 ( 0 + 1 ) * 1000 === 1000，对于首先你得到 ( 1 + 1 ) * 1000 === 2000 等等

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

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