jQuery中的瀏覽器兼容性

我創建了一個小型網頁，我想在導航過程中使用jQuery爲內容製作動畫。它在Internet Explorer中完美運行。如果我使用Firefox，則無法正常工作。jQuery中的瀏覽器兼容性

我的代碼如下

$("#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); 
});

我已經設置爲絕對的#maincontent元素位置。

來源

2009-07-02 praveenjayapal

firefox中實際發生了什麼？沒有？你在Firefox中安裝了Firebug嗎？它會幫助你追蹤錯誤。 – 2009-07-02 07:07:51

如果您試圖讓它看起來像動畫一樣反彈，那麼使用jQuery UI中的緩動會更好。

例（基於關閉您的代碼）：

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

顯然，這個工作還需要添加到jQuery.UI引用（無論是全包或者至少effects.core.js &影響.bounce.js）

來源

2009-07-02 06:36:05 Alconja

jQuery中的瀏覽器兼容性

回答

相關問題