道场：动画完成后

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(); 
});