队列异步jQuery的效果在不同的div与同步功能调用

Question

我想淡出div1。然后淡入div2。然后执行doStuffAtTheEnd函数。

我认为每个效果都需要回调的时候，一切都是同步的。但我从来没有看到div2的淡入。它只是即时可见而不会褪色效果。

这是为什么？

$('#div1').fadeOut(1000, function() { 
    $('#div2').fadeIn(1000), function(){   
      doStuffAtTheEnd(); 
     }); 
}); 

Answer 1

你有不正确的右括号)

试试这个

$('#div1').fadeOut(1000, function() { 
    $('#div2').fadeIn(1000, function(){ 
        //----^----here   
     doStuffAtTheEnd(); 
    }); 
}); 

，并确保div2隐藏在默认情况下。

更新

在你的CSS添加display:none为DIV2或隐藏它的document.ready功能$('#div2').hide() ...创造了这个例子小提琴（假设这是你想要的）......

fiddle here