4

まず、私のデモはここにあります：JsFiddle。

jqueryを使用してDOMに要素を追加してから、いくつかのcss3-transitionアニメーションを実行させようとしています。初めて追加したときになぜ機能しないのかわかりません。ボタンをクリックすると追加されますが、divにClassを追加してもアニメーション化されません。アニメーションなしでcssを適用するだけです。

div.addClass('test')要素が追加された直後にこれが機能しない理由について何か考えはありますか？

Jqueryでクラスを追加してCSS3トランジションをトリガーするのと同じかもしれません

しかし、それに対する新しい解決策があったかどうか私は興味があります。あれは本当に答えられなかったようです。

4

1 に答える 1

0

あなたの記事からの提案は多少うまくいくようです。コメントアウトされたコードが表示され、タイムアウトを低くする必要があるか、変数/ divではなくクラスセレクターで適用する必要があるように見えました。なぜそれが機能するのか本当にわかりません。いじるだけです。

その記事からの提案を反映するために、フィドルの行を変更しました。

setTimeout(function(){$('.article').addClass('test').removeClass('test2');}, 0)
于 2012-08-02T21:51:47.470 に答える