Mootools: как запускалась функция (или несколько функций) после окончания анимации движения или морфинга FX или другого события?

как заголовок, я хотел бы знать, как я могу запустить функцию после окончания события. Спасибо!


person Donovant    schedule 04.04.2012    source источник


Ответы (1)


все классы 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" или «отменить» или «игнорировать» и т. д. для расширенного управления.

person Dimitar Christoff    schedule 04.04.2012