Совместимость браузера в jQuery

Question

Я создал небольшую веб-страницу, где я хотел бы анимировать контент, используя jQuery во время навигации. Он отлично работает в Internet Explorer. Если я использую Firefox, он работает неправильно.

Мой код выглядит следующим образом

$("#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 элемент как абсолют.

Answer 1

Если вы пытаетесь заставить его выглядеть так, как будто он отскакивает от вашей анимации, вам намного лучше использовать смягчения из пользовательского интерфейса jQuery.

Пример (на основе от код):

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

Очевидно, что для этого, чтобы работать также необходимо добавить ссылку на jQuery.UI (либо полный пакет или, по крайней мере, effects.core.js & эффекты .bounce.js)