1

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

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

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

// See fiddle

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

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

1 回答 1

0

在控制台上出现错误

[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

您可以在多次单击时尝试运行 keyframes-animation

于 2013-10-31T02:40:41.787 回答