jQueryでのブラウザの互換性

Question

ナビゲーション中にjQueryを使用してコンテンツをアニメーション化するための小さなWebページを作成しました。それはInternet Explorerで完全に動作しています。 Firefoxを使用していると正しく動作しません。私は絶対として#maincontent要素の位置を設定している

$("#maincontent").animate({"top":"450px"},800, function(){ 
    $("#maincontent").html($("#"+Lidentity).html()) 
     .animate({"top":"-10px"},600) 
     .animate({"top":"10px"},100) 
     .animate({"top":"-5px"},100) 
     .animate({"top":"5px"},100) 
     .animate({"top":"0px"},100); 
}); 

を次のように

私のコードです。

Answer 1

jQuery UIのイージングを使用すると、アニメーションでバウンスするように見せかけることができます。 （あなたのコードをオフに基づいて）

例：これが機能するために明らかに

$("#maincontent").animate({"top":"450px"},800, function(){ 
    $("#maincontent").html($("#"+Lidentity).html()) 
     .animate({"top":"0px"},800,"easeOutBounce"); 
}); 

あなたはまた、完全なバンドルまたは少なくともeffects.core.js &効果のどちらか（jQuery.UIへの参照を追加する必要があります.bounce.js）