隊列異步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