2

アニメーションが完了した後にイベントをトリガーする方法はありますか?それのコースは何ですか?私はYUIライブラリを初めて使用し、迷子になっています。

私のコーズは今です

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

...等

注:これはYUI2に適用されます。

4

3 に答える 3

1

うん!何かのようなもの:

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を参照してください。

于 2011-12-09T15:39:23.043 に答える
1

アニメーションが完了した後に何かを行うには、「終了」イベントを聞く必要があります。

var anim = new Y.Anim({
    node: node,
    duration: 1.0,
    easing: Y.Easing.easeOut,
    on: {
        end: function (e) {
            // your stuff here
        }
    }
});
于 2011-12-09T16:58:18.990 に答える
0

アニメーションには時間がかかるため、アニメーションが完了したときに通知を受け取り、必要な追加のロジックを実行することをお勧めします。そのイベントのいくつかの使用法を次に示します。

  1. アニメーションが完了したら、追加のアニメーションをトリガーします。これは、UIの同じ要素または完全に異なる部分にある可能性があります。
  2. DOMから要素を削除します。おそらくそれはポップアップウィンドウであり、(アニメーションで)閉じられると、DOMでは不要になります
  3. 要素をコンテンツで埋めるなど、他の何か。
于 2011-12-09T15:39:58.907 に答える