YUI Anim on Afterイベント？

Question

アニメーションの実行後にイベントをトリガする方法はありますか？ 何のためのコスですか？

私COSEが今

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

...など

注..です 私はYUIライブラリと非常に新しいだと私は迷子になっている：これはYUI2に適用されます。

Answer 1

Yup！以下のような何か：

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

考えで、アニメーションは時間がかかるため、あなたはアニメーションはあなたが必要な場合があります任意の追加のロジックを実行するために完了したときに通知する場合がありますこと：

1. トリガー：ここでは、そのイベントのいくつかの用途がありますアニメーションが完了すると追加のアニメーションが表示されます。これは、UIの同じ要素または完全に異なる部分にすることができます。
2. DOMから要素を削除します。おそらくそれは、ポップアップウィンドウは、それが（アニメで）閉じられると、もはや必要DOMで
3. 何か他など、コンテンツを持つ要素を埋めるようにされていないこと、だった

Answer 3

後に何かをしますアニメーションが終了したら、「終了」イベントを聞くだけで済みます：

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