jQuery animate在IE和Firefox都很慢

我正在使用jQuery animate（）函數來顯示一個小文本變得越來越大，直到它消失。jQuery animate在IE和Firefox都很慢

我有jQuery的代碼在這裏：

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

});

}

我用火的功能代碼：

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

此代碼運行每次我選擇一個選項RadioButtonList（ASP.NET）。

現在，我有這個問題：

瀏覽器 - 作品真的很好
野生動物園 - 作品真的很好
iPhone瀏覽器 - 工程確定
的Internet Explorer - 可怕
Firefox - 有時很棒，其他時間很可怕

我想忽略Internet Explorer，但由於它們有很大的市場份額，我必須處理這個問題。

您可以嘗試動畫自己

轉到http://www.GameLearner.com
單擊較大的「現在播放」按鈕
點擊「播放的時候了」
回答問題正確。第一個問題可能需要〜5-10s

所以我的問題是....

如何使在Internet Explorer這項工作？現在這太可怕了。我不指望它工作真的很好，但只是「可玩」將是非常可怕的...

非常感謝！拉爾斯

來源

2011-01-26 Lars Holdgaard

在IE 9上正常工作。 – Pradeep

只是一個想法 - 你使用%，em，px和in作爲計量單位。也許如果你只用一個測量單位標準化，事情可能會更快。我真的不知道，只是猜測。另外，在動畫完成時運行的函數中，您可以將$（'＃block'）元素上的所有動作鏈接在一起，例如，

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

來源

2011-01-26 10:16:49 duncan

感謝 - 沒有讓它更快..但總的來說 - 好主意！:-) –

$("#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-index問題！

來源

2011-12-09 14:05:15 frank

jQuery animate在IE和Firefox都很慢

回答

相關問題