我正在构建一个开源标签系统,供初学者使用。我想我发现了Firefox渲染CSS动画的错误。
我正在使用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();
});
答案 0 :(得分:4)
您忘了删除fadeInLeft
班级(fiddle)。
$('#tabs li, #content .current').removeClass('current').remove('fadeInLeft');
它在Firefox中运行良好!