Javascript jQuery动画运行一次
我有这样一个简单的代码:Javascript jQuery动画运行一次,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,我有这样一个简单的代码: <input id="Button1" type="button" value="button" /> <table border="1" cellpadding="0" cellspacing="0" width="400px"> <tr id="tr1"> <td> 1 </td> <td>
<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>
但它只运行了一次,当我再次点击按钮1
时,没有任何变化。问题在哪里
(我使用插件)
谢谢
这在谷歌浏览器中工作。。。尝试它如果它确实需要停止功能,则在第一次设置动画之前只需要一个。停止(true,true)
$(document).ready(function () {
$('#Button1').on('click', function () {
$('#tr1').stop()
.animate({ backgroundColor: "aqua" },800)
.stop()
.animate({backgroundColor: "white"},800);
});
});
$(document).ready(function () {
$('#Button1').bind('click', function () {
$('#tr1').animate({ backgroundColor: "aqua" },800)
.animate({backgroundColor: "white"},800);
});
});