jquery動畫問題

Question

我想知道我該如何解決這個可怕的簡單問題。

我已經安裝了顏色插件以平滑改變背景顏色。所以當Im在短時間內在它上面徘徊幾次時，它會重複並重復動畫，就像它的一個堆棧。 我該如何解決這個問題？任何想法？

$("#page-bar > ul > li").mouseenter(function(){ 
     $(this).animate({ 
        backgroundColor: "#3c78a7" 
       }),500; 
      }).mouseleave(function(){ 
       $(this).animate({ 
        backgroundColor: "#333333" 
       }),500; 
      }); 

Answer 1

$("#page-bar > ul > li").mouseenter(function(){ 
     $(this).stop().animate({ 
        backgroundColor: "#3c78a7" 
       }),500; 
      }).mouseleave(function(){ 
       $(this).stop().animate({ 
        backgroundColor: "#333333" 
       }),500; 
      }); 

Answer 2

使用停止（）停元件的電流動畫。 http://api.jquery.com/stop/