1

リンクをクリックしてコミックスタイルの効果を出すときにロードするdivのオフセットがたくさんあります。各オフセットは他のアニメーションをアクティブにして、よりダイナミックな感触を与えます。

現在、オフセット0からオフセット2に移動すると、オフセット1を介して移動するように変更しようとしています。複雑さを増すために、この場合、オフセット1のセカンダリアニメーションがオフにならないようにします。

したがって、問題は、スライド機能をアクティブにして、現在の機能が完了したら再度アクティブにする必要があることです。これを知る方法はありますか?また、アニメーションを逆にして、次にそのオフセットに移動したときにアニメーションが発生するようにする簡単な方法はありますか?

私がこれを間違った方法で行っている場合は、遠慮なく教えてください。

4

2 に答える 2

0

この.data('obj',{currentPosition:index}); アプローチを利用すると、要素上にオブジェクトを作成し、.data()アニメーションでクエリを実行して、0からコミックブックシーケンスで必要なアイテムの数までを確認できます。0 =>ただし、インデックスに基づいてアニメーションを作成しcurrentPosition、アニメーションのコールバックパラメータを使用して、アニメーションが終了したときに更新します。

その方向性は役に立ちますか?いくつかのサンプルコード(単純またはその他)を提供できれば、それを結び付ける方法を見つけることができるかもしれませんか?

于 2013-01-14T00:12:25.747 に答える
0

あなたの問題の核心はjavascriptコードの流れにあるようです。コールバック関数を使用することをお勧めします。関数にコールバック変数を追加すると、関数がコースを実行した後にコードを実行できます。

function foo(callback) {
    // some code you want to execute

    // then run the callback function
    if (typeof(callback) == "function")
        callback();
}

function bar() {
   // some code you want to execute after foo is finished
}

bar()これで、fooが次のように完了した後に実行できます。

foo(bar);
于 2013-01-14T00:13:12.497 に答える