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

Question

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

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

div.addClass('test')知道为什么在附加元素后这对右边不起作用吗？

可能与使用 Jquery 添加类来触发 CSS3 转换相同

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

Answer 1

您文章中的建议似乎有些奏效，我看到您注释掉的代码，看起来超时需要更低，或者需要与类选择器而不是变量/ div 一起应用。真的不知道它为什么起作用，我只是摆弄。

我在您的小提琴中更改了一行以反映该文章的建议。

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