如何在jQuery中的事件之後做些事情？

Question

我想在另一個動畫完成時播放動畫。

我用這個代碼：

$("#test_01").stop().animate({height: '500'}, 2500).promise($("#test_02").fadeIn(2500)); 

這個動畫兩個在同一時間 - 這不是我想要的。 我需要$("#test_01")先工作，後$("#test_02")需要運行。

我該怎麼做？

Answer 1

嘗試done與您的代碼：自動畫的所有代碼

$("#test_01").stop().animate(
    {height: '500'}, 
    2500 
).promise().done(
    function(){ 
     $("#test_02").fadeIn(2500) 
    } 
); 

的done回調函數將工作已完成。

Answer 2

只需使用的animate()

$("#test_01").stop().animate({ 
    height: '500' 
}, 2500, function() { 
    $("#test_02").fadeIn(2500) 
}); 

完整的回調如果你正在尋找基於承諾的解決方案，那麼你就需要得到承諾的對象，然後添加一個做回調的承諾，你會做延遲操作