YUI Anim на После события?

Question

Есть ли способ вызвать событие после завершения анимации? что за причина? Я очень плохо знаком с библиотеками YUI и теряюсь ..

моя ведьма сейчас

    var anim = new Y.Anim({
        node: node,
        duration: 1.0,
        easing: Y.Easing.easeOut
    });

... и т.д.

Примечание: это относится к YUI2.

Answer 1

Чтобы сделать что-то после анимации, вам просто нужно прослушать событие "end":

var anim = new Y.Anim({
    node: node,
    duration: 1.0,
    easing: Y.Easing.easeOut,
    on: {
        end: function (e) {
            // your stuff here
        }
    }
});

Answer 2

Да! Что-то вроде:

var myAnim = new YAHOO.util.Anim("yourId", {
   left: {from: 0, to:75}
}, 1);

myAnim.onComplete.subscribe(function() {
   alert('Done!');
});

См. http://developer.yahoo.com/yui/examples/animation/index.html для дополнительных примеров.

Answer 3

Идея состоит в том, что, поскольку анимация требует времени, вы можете получить уведомление о завершении анимации для выполнения любой дополнительной логики, которая вам может понадобиться: Вот несколько вариантов использования этого события:

1. Запускать дополнительные анимации после завершения анимации.Это может быть один и тот же элемент или совершенно другая часть пользовательского интерфейса.
2. Удалите элемент из DOM.Возможно, это было всплывающее окно, которое после закрытия (с анимацией) больше не требуется в DOM
3. Что-то другое, например, заполнение элемента содержимым и т. Д.