events - Mootools：在补间或变形 FX 或其他事件结束后如何触发一个函数（或多个函数）？

Question

作为标题，我想知道如何在事件结束后触发函数。谢谢！

Answer 1

Fx 类都支持几个事件：

完成

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

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

开始

动画开始时触发。

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

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

取消

停止动画时触发。

此外，Fx.Elements 具有一组通用的相同事件，适用于所有受控动画。

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

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