道場：動畫完成後

Question

我試圖鏈動畫和功能一起，這樣，當用戶點擊一個按鈕動畫播放，並且，當它完成，功能進行執行功能。

特別，我想要做的就是讓用戶銷菜單到位或使其漂浮下來的頁面與他們取消固定。當他們點擊按鈕時，我可以通過切換「固定」類來控制菜單是固定的還是非固定的。我想要一個動畫來平滑過渡（如菜單淡出或滑動到新的位置），然後切換課程。

不幸的是，動畫結束前，使菜單跳躍，因爲它在兩者之間切換類切換。

有直到動畫完成延遲觸發類的方法嗎？

Answer 1

動畫有一個可以偵聽的結束事件。

http://dojotoolkit.org/reference-guide/1.9/dojo/fx/chain.html http://dojotoolkit.org/documentation/tutorials/1.7/animation/

require(["dojo/fx", "dojo/on"], function(coreFx, on){ 
    var animA = ... 
    var animB = ... 

    var chain = coreFx.chain([animA, animB]); 

    on(chain, "End", function(){ 
    // set the css 
    }); 

    chain.play(); 
});