MooTools鏈式函數不會執行

Question

我正在使用MooTools，並且我有下面的代碼，我似乎無法執行。我期待它將#bar元素的寬度增加到50px，然後alert()帶有「hi！」，然後繼續將#bar的寬度增加到200px。無論出於何種原因，它會在「嗨！」之後停止。並不會繼續執行。這是怎麼回事？

var myFx = new Fx.Tween($('bar'), { 
duration: '500ms', 
transition: 'sine:out', 
link: 'chain' 
}); 

myFx.start('width', '50').chain(
function() { alert('hi!'); }, 
function() { myFx.start('width', '200'); } 
); 

Fiddle

Answer 1

那是因爲你的第二功能不會調用myFx類的方法 - 這意味着，它不會提前鏈。

鏈是混入Fx類。如果你做動畫，它會自動嘗試到callChain。因爲你什麼都不做，在警報下面加上這個：

this.callChain(); 

這會正常工作。也許文件需要改變，因爲它現在不明顯。 http://jsfiddle.net/dimitar/nUWsU/8/