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

标签 javascript jquery css css-transitions

首先,我的演示在这里: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/

相关文章:

css opacity background 不影响图像

JavaScript 函数作用域

javascript - 查找数组中第三大的单词 - CoderByte - javascript

html - CSS 选择器和图像属性的问题

javascript - jquery在div中滑动一个元素

javascript - 带有动态添加按钮的启动模式

html - 自定义单选按钮

javascript - NextJS 中 Express 路由和 client 路由之间有什么关系?

javascript - 什么需要 ('jquery' ) 返回以及为什么多次分配

javascript - 如果部分 url 匹配,则突出显示父菜单