animation - 动画结束前执行的 Tweenmax 回调

Question

我在我的网站上使用 greensock gsap 制作动画。问题是在动画结束之前执行的回调。在下面的示例中，元素在动画一半的某处被删除。

TweenLite.to($(".flipper"), 2, {rotationY:180,onComplete:function(){
    $(this).remove()
}});

有没有人遇到同样的问题？

Answer 1

不，对我来说效果很好(见下面的 jsfiddle)。但是，回调函数中的 this 不是动画对象，而是补间。所以如果你想在动画之后删除它，你必须使用 this.target，像这样:

TweenLite.to($(".flipper"), 1, {rotationY:180,onComplete:function(){
    (this.target).remove()
}});

http://jsfiddle.net/brian_griffin/5Ltfg/