Firefox 没有在“重新添加”元素上重新触发 CSS 动画答案

【问题标题】：Firefox not retriggering CSS animation on 're-added' elementFirefox 没有在“重新添加”元素上重新触发 CSS 动画
【发布时间】：2013-11-10 22:11:04
【问题描述】：

我正在制作幻灯片，其中字幕使用 animate.css 从左侧过渡。我发现让这个工作最简单的方法是 .hide() 所有字幕，然后在幻灯片更改上使用 jQuery 进行 .show()。

在除 Firefox 之外的每个浏览器中，一旦将动画元素“重新添加”到页面，css 动画就会重新触发。这是为什么呢？

// See fiddle

$('#reset').click(function(){

    $('.animated').hide(0).show(0);
});

【问题讨论】：

【解决方案1】：

控制台报错

[08:06:13.645] 不推荐使用 getAttributeNode()。采用 getAttribute() 代替。 @ http://jsfiddle.net/js/moo-clientcide-1.3.js?jobofferinsidebar:3714

【讨论】：

关于getAttributeNode 的警告（非错误）似乎与所询问的内容无关。每次打开（空白）jsfiddle 时都会收到此警告，但只是一个警告，暂时一切仍然有效。