Mootools:在补间或变形FX或其他事件结束后如何触发一个函数(或更多函数)?

时间:2012-04-04 14:52:03

标签: events mootools chain

作为标题,我想知道如何在事件结束后触发一个函数。 谢谢!

1 个答案:

答案 0 :(得分:3)

Fx类都支持多个事件:

的onComplete

在最后一个动画完成时触发。

element.set("tween", {
    onComplete: function() {
        this; // the Fx.Tween instance
        this.element; // the element that tweened
    }
}).tween("opacity", [0, 1]);

在onStart

动画开始时

触发。

var myMorph = new Fx.Morph(element, {
    onStart: function() {
        this.element.addClass("disabled"); 
    }
});

myMorph.start({marginLeft: [-200, 0]});

onCancel

停止动画时

会触发。

另外,Fx.Elements有一组适用于所有受控动画的相同事件。

查看文档。例如http://mootools.net/docs/core/Fx/Fx.Morph - 和Fx文档。您可以使用任何事件或事件组合。

您还可以设置link: "chain"或“取消”或“忽略”等进行高级控制。