將元素添加到dom並將類應用於jquery不適用css3轉換

Question

首先，我的演示在這裏：JsFiddle。

我試圖添加一個元素到dom與jquery，然後讓它做一些css3過渡動畫。我不確定爲什麼它在第一次追加時不起作用。我點擊按鈕，它會追加，但是當我將該類添加到div時，它不會爲其設置動畫效果。它只是適用沒有動畫的CSS。

任何想法爲什麼這不適用於div.addClass('test')正確後追加元素？

可能是一樣Trigering a CSS3 Transition with adding a class with Jquery

不過我很好奇，如果有它的任何新的解決方案。那個似乎沒有真正得到答案。

Answer 1

從你的文章中的建議似乎有點工作，我看到你的註釋掉的代碼，它看起來像超時需要更低或需要應用類選擇器而不是變量/ div。真的不知道爲什麼它的作品，我只是小提琴。

我在你的小提琴中改變了一條線，以反映該文章的建議。

setTimeout(function(){$('.article').addClass('test').removeClass('test2');}, 0)