jQuery的動畫運行一次

Question

我有一個簡單的代碼是這樣的：

<input id="Button1" type="button" value="button" />  
<table border="1" cellpadding="0" cellspacing="0" width="400px"> 
    <tr id="tr1"> 
     <td> 
      1 
     </td> 
     <td> 
      nima 
     </td> 
    </tr> 
    <tr id="tr2"> 
     <td> 
      2 
     </td> 
     <td> 
      agha 
     </td> 
    </tr> 
    <tr id="tr3"> 
     <td> 
      3 
     </td> 
     <td> 
      ligha 
     </td> 
    </tr> 
</table> 

，我寫這篇文章的代碼更改行一個背景

$(document).ready(function() { 
     $('#Button1').on('click', function() { 
      $('#tr1').stop() 
        .animate({ backgroundColor: "aqua" },800) 
        .stop() 
        .animate({backgroundColor: "white"},800); 
     }); 
    }); 

，但只運行一次，當我點擊再次在Button1沒有改變。哪裏有問題？

（我用jQuery.Color插件） 感謝

Answer 1

$(document).ready(function() { 
    $('#Button1').bind('click', function() { 
     $('#tr1').animate({ backgroundColor: "aqua" },800) 
      .animate({backgroundColor: "white"},800); 
    }); 
});​ 

這個作品在谷歌瀏覽器...嘗試