3

ストライプのセットを左から右にフェードさせる小さなアニメーション スクリプトを作成しました。すべてのアニメーションが完了したら、コールバック関数を実行する必要があります。

スクリプトは次のとおりです。

http://jsfiddle.net/9zkbu/

それは正常に動作しますが、右から左へのアニメーションでも同じことをしたいと思います:

http://jsfiddle.net/FTrhX/

ご覧のとおり、アニメーションが終了する前にコールバック関数が起動されます :( 私が変更したのはdelay().

4

2 に答える 2

3

あなたはほとんどそこにいます。方向を逆にしましたが、コールバックで反転を説明するのを忘れていました。これを行うとうまくいきます:

complete: (i == 0) ? function(){alert('done');} : null

cols - 1 で完了を確認しようとすると、反対方向をカウントしているため、取得が早すぎます。ここでは 0 で取得する必要があります。これを試してください:http://jsfiddle.net/FTrhX/8/

于 2011-04-28T20:52:59.720 に答える
2

私は両方のプレビューを見て、本当に感銘を受けました! .stop()2番目の関数で必要な理由はわかりませんが。

$('.col-' + i).delay(50 * (cols - i))

この方法でも問題なく動作しますか、何か不足していますか?

于 2011-09-27T06:59:30.800 に答える