淡入一系列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();