Firefox只运行一次CSS动画

时间:2013-02-26 15:00:12

标签: jquery css firefox css3 css-animations

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

});

1 个答案:

答案 0 :(得分:4)

您忘了删除fadeInLeft班级(fiddle)。

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

它在Firefox中运行良好!