Jquery .each()包括寻找干净代码的延迟

Question

简而言之,我正在寻找一个jQuery循环,它将选择每个div与一个类(一行中大约10个小div)然后执行一些代码在每个div特别淡出和div中包含的图像然后暂停和继续前进并对下一个div做同样的事情.

这个循环同时淡出/包含所有包含的图像......

$('.div_class').each(function() {
    $(this).children().fadeOut('fast', function() {
        $(this).fadeIn('slow');
    });
});

我已经看过了jQuery功能delay()和setInterval()与本地JavaScript功能setTimeout().

我似乎无法让他们完全工作,或者我看到的例子是漫长而复杂的.有了jquery的魔力,似乎我应该能够在上面的循环中添加非常少的代码,以便它能够串联工作.

如上所述,我正在寻找一个简洁的例子.

Answer 1

您可以.delay()结合使用索引.each()提供回调,如下所示:

$('.div_class').each(function(i) {
    $(this).children().delay(800*i).fadeOut('fast', function() {
        $(this).fadeIn('slow');
    });
});

这将使它们背对背(快速= 200 +慢= 600),如果你想要更多的延迟,只需将800增加到你想要的任何东西.在上面的例子中,第一个立即运行,接下来的800毫秒后,接下来的800个,等等.