javascript - dojo：动画完成后执行功能

Question

我正在尝试将动画和功能链接在一起，以便当用户单击按钮时播放动画，并且在完成时执行功能。

特别是，我想要做的是允许用户将菜单固定到位或取消固定，以便它与他们一起在页面上浮动。我通过在单击按钮时切换“固定”类来控制菜单是固定还是取消固定。我想要播放动画以使过渡平滑（例如菜单淡出或滑动到新位置），然后切换类。

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

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

Answer 1

动画有一个您可以收听的 End 事件。

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