Javascript dojo:动画完成后执行函数

Javascript dojo:动画完成后执行函数,javascript,animation,dojo,chaining,Javascript,Animation,Dojo,Chaining,我试图将一个动画和一个函数链接在一起,这样当用户单击一个按钮时,动画就会播放,当它完成时,一个函数就会执行 特别是,我试图做的是允许用户将菜单固定在适当的位置或取消固定,以便它与它们一起在页面上浮动。我通过在单击按钮时切换类“pinted”来控制菜单是固定还是取消固定。我希望播放动画以使过渡平滑(如菜单淡出或滑动到其新位置),然后切换类 不幸的是,该类在动画完成之前切换,使得菜单在两者之间切换时跳转 有没有办法延迟切换类直到动画完成?动画有一个可以监听的结束事件 谢谢,正是我想要的:) re

我试图将一个动画和一个函数链接在一起,这样当用户单击一个按钮时,动画就会播放,当它完成时,一个函数就会执行

特别是,我试图做的是允许用户将菜单固定在适当的位置或取消固定,以便它与它们一起在页面上浮动。我通过在单击按钮时切换类“pinted”来控制菜单是固定还是取消固定。我希望播放动画以使过渡平滑(如菜单淡出或滑动到其新位置),然后切换类

不幸的是,该类在动画完成之前切换,使得菜单在两者之间切换时跳转


有没有办法延迟切换类直到动画完成?

动画有一个可以监听的结束事件


谢谢,正是我想要的:)
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();
});