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

Question

我正在制作幻灯片，其中标题使用animate.css从左侧过渡。我发现最简单的方法是使用.hide（）所有标题，然后在幻灯片更改时使用jQuery执行.show（）。

在每个浏览器中，一旦重新添加了动画元素，就会重新触发css动画＆＃39;到Firefox以外的页面。这是为什么？

http://jsfiddle.net/LEWUk/1/

// See fiddle

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

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

Answer 1

在控制台上获取错误

  

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

请参阅Bug

1. https://bugzilla.mozilla.org/show_bug.cgi?id=661327
2. https://bugzilla.mozilla.org/show_bug.cgi?id=690120
3. http://bugs.jquery.com/ticket/10735

您可以尝试此run keyframes-animation on click more than once