jQuery 动画

Question

我在单击事件处理程序中有一些 JQuery 代码，用于更新页面上跨度控件的值的复选框，然后将跨度标记的背景颜色设置为黄色，然后在大约一秒钟内淡化回白色到提醒用户 span 的值发生了变化。问题是，如果用户反复点击复选框，那么动画会在用户点击多少次时反复出现。如果动画已经在进行中，任何人都知道如何防止出现 JQuery 动画。

Answer 1

在设置动画之前，只需在对象上调用 stop()：

 $('#button').click( function() {
  $('#animatedSpan').stop().animate( { } );
 });