1

初心者向けのオープンソースのタブシステムを構築しています。Firefox が CSS アニメーションをレンダリングする方法にバグを見つけたと思います。

Firefox でタブ アニメーションが 1 回だけ起動する

各タブのアニメーションを行うために Dan Edens animate.css を使用しています。Chrome と Safari ではすべて正常に動作しますが、Firefox ではアニメーションが 1 回だけ実行され、その後は二度とトリガーされません。

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();

});
4

1 に答える 1

4

fadeInLeftクラスを削除するのを忘れました( fiddle )。

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

Firefoxで問題なく動作します！

于 2013-02-26T15:08:35.980 に答える