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 类的方法 - 这意味着它不会推进链。

chain 是 Fx 类中的混入。如果您执行动画，它会自动尝试callChain。由于您没有执行任何此类操作，因此请在警报下方添加以下内容:

this.callChain();

这会工作得很好。也许文档需要更改，因为现在还不明显。 http://jsfiddle.net/dimitar/nUWsU/8/