2

JQuery アニメーション フレームワークを使用してスクリプトを作成しています。このシナリオでは、さまざまなアニメーションのシーケンスが必要です。新しいアニメーションが始まると、ページの背景画像を変更する必要があります。

アニメーション フレームワーク (JSTween と呼ばれます) は、次のコールバックを提供します。

onStart: function () {},
onStop: function () {}

次の疑似コードの JQuery 実装を探しています。

onStart: function () {
    load new background;
}

onStop: function () {
    // This animation has ended, about four seconds have passed
    on new background loaded: {
       // Change background
    }

    // Start new animation async
}

および同様のツールを探していましたが$.when、それらを正しく使用する方法がわかりません。

4

1 に答える 1

0

のように動作するいくつかの関数を実装する必要があります$.when。基本的に、関数のランタイム コンテキストで実行される関数を登録しますonStart。

var background_callback;

var loadNewBackground = function() {
  background_callback();
}

var onBackgroundLoaded = function (callback) {
  background_callback = callback;
}

編集されたコードは次のようになります。

onStart: function () {
    // load new background;
    loadNewBackground();
}

onStop: function () {
    // This animation has ended, about four seconds have passed
    onBackgroundLoaded(function() {
       // Change background
    });

    // Start new animation async
}
于 2016-10-27T08:24:12.097 に答える