首先,我的演示在这里:JsFiddle .
我正在尝试使用 jquery 向 dom 添加一个元素,然后让它执行一些 css3 过渡动画。我不确定为什么它在第一次附加时不起作用。我单击该按钮,它会附加,但是当我将 addClass 添加到 div 时,它不会为其设置动画。它只是应用没有动画的 css。
知道为什么在附加元素后这对 div.addClass('test')
不起作用吗?
可能与Trigering a CSS3 Transition with adding a class with Jquery相同
但我很好奇是否有任何新的解决方案。那个似乎并没有真正得到回答。
最佳答案
您文章中的建议似乎有些奏效,我看到您注释掉的代码,看起来超时需要更低,或者需要将其应用于类选择器而不是变量/div。真的不知道它为什么有效,我只是摆弄。
我更改了您的 fiddle 中的一行以反射(reflect)那篇文章中的建议。
setTimeout(function(){$('.article').addClass('test').removeClass('test2');}, 0)
关于javascript - 将元素添加到 dom 并使用 jquery 应用类不应用 css3 转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11784912/