Question

有一种方法可以在动画完成后触发事件吗？它的特征是什么？我对YUI库很新，我迷路了......

我的cose现在是

    var anim = new Y.Anim({
        node: node,
        duration: 1.0,
        easing: Y.Easing.easeOut
    });

...等

注意：这适用于YUI2。

Answer 1

烨！类似的东西：

var myAnim = new YAHOO.util.Anim("yourId", {
   left: {from: 0, to:75}
}, 1);

myAnim.onComplete.subscribe(function() {
   alert('Done!');
});

有关更多示例，请参阅http://developer.yahoo.com/yui/examples/animation/index.html。

Answer 2

要在动画完成后执行某些操作，您只需要收听“结束”事件：

var anim = new Y.Anim({
    node: node,
    duration: 1.0,
    easing: Y.Easing.easeOut,
    on: {
        end: function (e) {
            // your stuff here
        }
    }
});

Answer 3

这个想法是，由于动画需要时间，因此您可能希望在动画完成时通知您执行您可能需要的任何其他逻辑：以下是该事件的一些用法：

动画完成后触发其他动画。这可以在UI的相同元素或完全不同的部分。
从DOM中删除元素。也许这是一个弹出窗口，一旦关闭（带动画），DOM中就不再需要了
其他东西，比如用内容填充元素等。

YUI Anim on After活动？

3 个答案: