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

Question

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

我正在尝试用jquery向dom添加一个元素，然后让它做一些css3-transition动画。 我不确定为什么它第一次附加时不起作用。 我单击按钮它会附加但是当我将addClass添加到div时它不会为它设置动画。 它只是在没有动画的情况下应用css。

在添加元素之后，任何想法为什么这对div.addClass('test') ？

可能与使用Jquery添加类的Trigering CSS3 Transition相同

但我很好奇是否有任何新的解决方案。 那个似乎没有真正得到回答。

Answer 1

你的文章的建议似乎有点工作，我看到你注释掉的代码，看起来需要更低的超时或者需要应用类选择器而不是变量/ div。 真的不知道它为什么会起作用，我只是小提琴。

我改变了你的小提琴中的一行，以反映该文章的建议。

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