javascript - JQuery fadeOut(函数(){fadeIn});

Question

我的网页有问题。我有 4 个 div，它们应该在前一个淡出之后全部淡入。我使用的代码是:

$('.btn').click(function(){
    $('#box3').delay(5000).fadeOut('slow', function(){
        $('#box4').fadeIn('slow');
    });
});

使用#box1 > #box2 它可以工作，使用#box2 > #box3 它可以工作但是当我尝试从#box3 > #box4 开始时，有时#box3 会淡出然后随着#box4 淡入。我不知道为什么要这样做。

谢谢，

http://jsfiddle.net/chLRa/4/工作中。有时当从 3 到 4 时它仍然在 3 和 4 中消失

Answer 1

这里有一个简单的辅助函数可以帮助您做到这一点。

function fade(thisIn, callback){
    boxes.not(thisIn).filter(':visible').delay(5000).fadeOut('slow', function(){
        thisIn.fadeIn('slow', callback);
    });
}

jsFiddle