JQuery UI .effect（）和.toggle（）：像在JQuery .animate（）上一样调用启动函数

Question

我正在制作动画，并且在我的网页上有很多动画同时发生。 我需要在某些动画开始时播放音频，并在某些动画结束时显示某些东西。

过去，我使用过JQuery的.animate() ，其中包含动画开始和结束的回调：

.animate({
    //css here
  }, {
    start: function(){}, //called on start of animation
    complete: function(){}, //called on end of animation
  });

这真的很整洁和有用，并且像一个魅力一样工作，而无需使用各自的动画持续时间调用setTimeouts。

但是现在我需要一些更高级的动画，并且JQuery UI效果令人满意，直到需要再次使用start回调为止： 在JQuery UI .effect（）API页面上，只有complete:回调存在。 我发现JQuery UI源代码无处不在，发现它使用.animate()做事，因此似乎可以对其进行一些更改并添加start:选项，但是我不想弄乱使用源代码（除非很简单并且不会造成任何损害），并且不想仅使用.animate()重新创建每个效果。

有什么方法可以start:在JQuery的UI .effect()和.toggle()吗？ 还是应该使用完全不同的API来支持它？ 有什么建议吗？ 提前致谢。

Answer 1

我发现GSAP的TweenMax在动画方面比JQuery UI更好，并且可以完成我需要的一切：动画，事件，回调，时间轴等。

链接： https ： //greensock.com/gsap