jQueryアニメーションは、IEとFirefoxの両方で非常に遅いです。

Question

jQuery animate（）関数を使用して、小さなテキストが大きくなり、消えるまで表示します。私はオプションを選択し

string script = "$('#block').html('Yes!<br/>" + xpReward.ToString() + "xp!');"; 
    ScriptManager.RegisterStartupScript(ButtonListUpdate, typeof(string), "startup", 
                "xpGain(); " + script, true); 

このコードが実行されるたび：

function Gain() { 
/* Using multiple unit types within one animation. */ 
$("#block").animate({ 
    width: "80%", 
    opacity: 0.0, 
    marginLeft: "2.6in", 
    fontSize: "15em", 
    borderWidth: "10px" 
}, 2000, function() { 
    $("#block").removeAttr("style"); 
    $("#block").html(""); 
    $("#block").css("color", "White"); 
    $("#block").css("position", "absolute"); 
    $("#block").css("z-index", "-5"); 

}); 

}

私は機能を発射するために使用するコード：

は、私はここでjQueryのコードを持っていますRadioButtonList（ASP.NET）

は今、私はこの問題持っている： - 本当によく

Safariはワークス -

• ChromeをOK
• Internet Explorerがワークス - - 本当によく
• iPhoneブラウザワークス恐ろしい
• Firefox - 時には凄い、恐ろしい他の時

私はInternet Explorerを無視したいと思いますが、市場シェアが非常に大きいので、私はこの問題に対処しなければなりません。

あなたは、大きな "今再生" ボタン

クリックして "すぐに再生する" という質問に正しく

回答をクリックしてhttp://www.GameLearner.com

にアニメーションを自分

1. 移動を試すことができます。最初の質問は〜5-10s

がかかる場合がありますので、私の質問は.... Internet Explorerでこの作品を作るための方法

のですか？今は恐ろしいです。私はそれが本当にうまくいくとは思っていませんが、ちょうど "遊ぶ"は本当にすばらしいでしょう...

ありがとう！ ラース

Answer 1

だけの思考 - あなたは、測定の単位として%、em、pxとinを使用しています。おそらく、測定単位が1つしか標準化されていないと、動作が速くなるかもしれません。私は実際には分かりません。ちょうど推測があります。

また、アニメーションが完了したときに実行される関数では、$（ '＃block'）要素のすべてのアクションを連鎖できます。

$("#block").removeAttr("style").html("").css("color", "White").css("position", "absolute").css("z-index", "-5"); 

Answer 2

$("#block").animate({ 
    width: "80%", 
    opacity: 0.0, 
    marginLeft: "2.6in", 
    fontSize: "15em", 
    borderWidth: "10px" }, 2000) 
    .removeAttr("style") 
    .html("") 
    .css({color: '#fff', position:'absolute', z-index:'-5'}); 

一部oldscoolのブラウザでは、0の下でのzインデックスに問題があります！