ストライプのセットを左から右にフェードさせる小さなアニメーション スクリプトを作成しました。すべてのアニメーションが完了したら、コールバック関数を実行する必要があります。
スクリプトは次のとおりです。
それは正常に動作しますが、右から左へのアニメーションでも同じことをしたいと思います:
ご覧のとおり、アニメーションが終了する前にコールバック関数が起動されます :( 私が変更したのはdelay()
.
ストライプのセットを左から右にフェードさせる小さなアニメーション スクリプトを作成しました。すべてのアニメーションが完了したら、コールバック関数を実行する必要があります。
スクリプトは次のとおりです。
それは正常に動作しますが、右から左へのアニメーションでも同じことをしたいと思います:
ご覧のとおり、アニメーションが終了する前にコールバック関数が起動されます :( 私が変更したのはdelay()
.
あなたはほとんどそこにいます。方向を逆にしましたが、コールバックで反転を説明するのを忘れていました。これを行うとうまくいきます:
complete: (i == 0) ? function(){alert('done');} : null
cols - 1 で完了を確認しようとすると、反対方向をカウントしているため、取得が早すぎます。ここでは 0 で取得する必要があります。これを試してください:http://jsfiddle.net/FTrhX/8/
私は両方のプレビューを見て、本当に感銘を受けました! .stop()
2番目の関数で必要な理由はわかりませんが。
$('.col-' + i).delay(50 * (cols - i))
この方法でも問題なく動作しますか、何か不足していますか?