問題のデモ
説明
要素を移動させ、CSS クラスが内部要素でいくつかのアニメーションを実行しようとしています。ただし、外側の要素でjqueryアニメーションを実行する前にクラスを適用すると、クラスは効果がありません(アニメーションはもちろん、新しい場所にも移動しません)。
私が何を意味するかを見るには、アニメーションを実行してください。$('#box .inner-box').addClass('animate')次に、「ここでは機能しません」と書かれている同じ行をコメントアウトしてコメントを外します。
これは何のため？
これは私のカスタム スライダー用で、スライドが入ったときにコンテンツが既にアニメーション化されているようにします (この方法の方が見栄えがよくなります)。
では、それらを並行して実行するにはどうすればよいでしょうか。ありがとう。