TweenMax悬停动画问题

Question

我的骨干应用程序中有一个带li的nagivation栏。我正在为链接创建悬停效果。效果只是背景图像滑动到悬停链接然后返回到原始位置。

对于动画，我正在使用TweenMax库。这种方式的工作原理是：

首先，我使用TimelineMax属性初始化paused，如下所示：

this.animation = new TimelineMax({ paused: true });

然后我使用这些方法：

prepareToAnimate: function(to) {
   this.animation.to(this.el, .5, { left: to });
   return this;
},
animate: function() {
   this.animation.play();
},
reverse: function() {
   this.animation.reverse();
}

所以基本上，从我的观点来看，我想在movingElementView.prepareToAnimate(200).animate()和mouseenter movingElementView.reverse()上致电mouseleave。

这是动画，但动画很疯狂。它向前，然后向后，然后再向前跳。我检查了console，它似乎也将持续时间和left属性相加。我是否必须在每次鼠标事件上new向上TimelineMax？