jquery - Firefox 只运行一次 CSS 动画

Question

我正在为初学者构建一个开源标签系统。我想我发现了 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();

});

Answer 1

您忘记删除fadeInLeft课程（小提琴）。

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

它在 Firefox 中运行良好！