javascript - jQuery动画运行一次

我有一个像这样的简单代码：

<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插件）
谢谢

最佳答案

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

这适用于谷歌浏览器...试试

关于javascript - jQuery动画运行一次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10920792/