jquery - FireFox と FireFox のみが奇妙な動作をする

Question

jQuery でホバー アニメーションを作成しましたが、うまく動作しますが、FireFox では期待どおりに動作しません。

緑色のフィールドにホバーすると、青色のフィールドがスムーズに入るはずですが、FFアニメーションではスムーズではなく、ジャンプがあります

http://jsfiddle.net/mrNRx/

Answer 1

次のようにFadeIn（）コールバックを使用できます（コードは簡略化されています）。

$(this).find('.apla').fadeIn("slow", function(){
     $(this).find('.more').animate({"bottom": "50px"},1000);
});

$(this).find('.apla').fadeOut("slow", function(){
     $(this).find('.more').animate({"bottom": "-40px"},1000);
});

Answer 2

この問題は、Mozilla の愚かな -moz-box-shadow が原因です。次の css コードを使用して削除すると、問題が解決するはずです。

*{box-shadow:none!important;-moz-box-shadow:none!important;border-radius:0!important;-moz-border-radius:0!important}

Answer 3

Over 関数と Out 関数を使用するには、jQuery ホバー インテント プラグインを使用する必要があります。Firefox では、これらのイベントが適切に発生しません。クロムでは、これらの関数は適切に起動し、readme リンクは正常に機能しています。