淡入一系列div，然后淡出上一个

Question

因此，使用jquery时，我得到了一些javascript，可以在一定时间内淡入一系列div。 现在，我要淡出上一个div。 我是否正确地将淡出功能作为淡入功能的回调？
所以看起来像这样。

<script type="text/javascript">
$(function() {
        $("div").each(function(i, e) {
                $(this).delay(i*400).fadeIn(
                $(this).delay(i*400).fadeOut);
        });
});
</script>

那是对的还是我做错了？

Answer 1

您有一些语法问题，回调应如下所示：

$("div").each(function(i, e) {
    $(this).delay(i*400).fadeIn(function() {
        $(this).delay(i*400).fadeOut();
    });
});

演示： http ： //jsfiddle.net/tymeJV/FJMa4/

Answer 2

如果需要循环浏览并修复语法，请尝试此操作。

演示

 var arrDivs = $("div").get(); //Get all the divs into an array
    function fade()
    {
        var div = arrDivs.shift(); //get the top div
        var $this = $(div); 
        arrDivs.push(div); //push it to the end for cycle to repeat
            $this.delay($this.index()*400).fadeIn(function(){ //get the index to calculate the delay time.
                $this.delay($this.index()*400).fadeOut(function(){
                window.setTimeout(fade,1000);
                });
            });
    }
fade();