MooTools链式函数不会执行

Question

我正在使用MooTools,我有以下代码,似乎无法执行.我期望它增加#bar元素的宽度50px,然后alert()用"hi!",然后继续增加#barto 的宽度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'); }
);

小提琴

Answer 1

那是因为你的第二个函数没有调用myFx类的方法 - 这意味着它不会推进链.

chain是一个混合到Fx类中的.如果你做动画,它会自动尝试callChain.因为你什么都不做,所以在警报下添加:

this.callChain();

这样可以正常工作.也许文档需要改变,因为它现在不明显.http://jsfiddle.net/dimitar/nUWsU/8/