Firefox 只运行一次 CSS 动画答案

【问题标题】：Firefox only runs the CSS animation onceFirefox 只运行一次 CSS 动画
【发布时间】：2013-02-12 02:12:03
【问题描述】：

我正在为初学者构建一个开源标签系统。我想我发现了 Firefox 如何呈现 CSS 动画的错误。

标签动画在 firefox 中只触发一次

我正在使用 Dan Edens animate.css 为每个选项卡制作动画。在 Chrome 和 Safari 中一切正常，但是 firefox 只运行一次动画，然后再也不会触发它。

看看下面关于 jsfiddle 的演示，看看我在说什么：http://jsfiddle.net/jsheffers/vqdJK/

$('#tabs li a').click(function(e){

    $('#tabs li, #content .current').removeClass('current');
    $(this).parent().addClass('current');
    var currentTab = $(this).attr('href');
    $(currentTab).addClass('current fadeInLeft');
    e.preventDefault();

});

【问题讨论】：

标签： jquery firefox css css-animations

【解决方案1】：

您忘记删除 fadeInLeft 类 (fiddle)。

$('#tabs li, #content .current').removeClass('current').remove('fadeInLeft');

它在 Firefox 中运行良好！

【讨论】：

太棒了。这确实解决了我的问题，但是有人知道为什么其他方式在 webkit 中有效，但在 FF 中无效。