YUI Anim在事後？

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

的想法是，既然動畫需要時間，你可能希望在動畫完成執行，你可能需要的任何額外的邏輯來通知：以下是該事件的幾個用途：

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 
     } 
    } 
});