将元素添加到dom并使用jquery应用类不会应用css3转换

Question

首先，我的演示在这里：JsFiddle。

我正在尝试使用jquery向dom添加元素，然后使其执行一些css3-transition动画。我不确定为什么它第一次附加时不起作用。我单击按钮它会附加但是当我将addClass添加到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)