長年の読者、初めてのポスター！=)
jQuery に問題があります。私は各liにスタイルを追加しようとしていますが、liにその特定のスタイルがインラインで定義されていない限り、jQueryは何もしないようです。これは良い回避策ですが、私のコードの目標を無効にします。
codepen で私が抱えている問題の例を次に示します。私は別の人のコードをフォークして、HTML にハードコーディングするのではなく、jQuery にアニメーションの遅延を追加させようとしました。効果とスタイルは Chrome でのみ機能すると思います。
http://codepen.io/LetsBeNew/pen/qIuah
ご覧のとおり、インライン スタイルを持つ最初のいくつかの li 要素があります。jQuery はこれらを正しく変更しますが、他の li 要素にスタイルを追加しません。
何か案は？
問題は、関数が実行LIされる前に、インライン スタイルを持たない s がアニメーションを終了する (または少なくともアニメーションを開始する)ことだと思います。$(document).ready()この他の codepen のものと比較してください:
http://codepen.io/anon/pen/padfb
すべてLIの が境界線の幅を取得し、アニメーションの遅延が 10 秒に増加します。coral遅延が非常に小さい (この場合はゼロ) クラスを持つものを除きます。あなたの場合LI、遅延のインラインスタイル値がない場合はデフォルトでゼロになり、ドキュメント準備機能が値を変更する前にアニメーションが開始されました。
上記でリンクしたコードペンでは、効果を確認するために操作できる数字を入れました。それらはplay1HTML ソース (コーラル LI) とplay2CSS ソース (最後の LI ルール属性) にあります。