Jquery Firefox只运行一次CSS动画

Jquery Firefox只运行一次CSS动画,jquery,firefox,css,css-animations,Jquery,Firefox,Css,Css Animations,我正在为初学者构建一个开源的标签系统。我想我在Firefox呈现CSS动画时发现了一个bug 标签动画在firefox中只触发一次 我正在使用Dan Edens animate.css为每个选项卡制作动画。在Chrome中一切正常,Safari浏览器只运行一次动画,然后再也不会触发它 请看一下JSFIDLE上的以下演示,以确切了解我所说的内容: 您忘记删除fadeInLeft类 它在Firefox中运行良好 您忘记删除fadeInLeft类 它在Firefox中运行良好 太棒了。这确实解决了我的

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

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

请看一下JSFIDLE上的以下演示,以确切了解我所说的内容:

您忘记删除fadeInLeft类

它在Firefox中运行良好

您忘记删除fadeInLeft类


它在Firefox中运行良好

太棒了。这确实解决了我的问题,但是有人知道为什么另一种方法在webkit中有效,而在FF.Awesome中无效。这确实解决了我的问题,但是有人知道为什么另一种方法在webkit中有效,而在FF中不起作用。
$('#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();

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