jquery - JQuery アニメーション

Question

ページ上のスパン コントロールの値を更新するチェックボックスのクリック イベント ハンドラーに JQuery コードがいくつかあります。次に、スパン タグの背景色を黄色にアニメートし、約 1 秒で白に戻って注意を引きます。スパンの値が変更されたユーザー。問題は、ユーザーがチェックボックスを繰り返しクリックすると、ユーザーがクリックした回数だけアニメーションが何度も発生することです。アニメーションが既に進行中の場合、JQuery アニメーションが発生しないようにする方法は誰でも知っています。

Answer 1

オブジェクトをアニメーション化する前に、オブジェクトで stop() を呼び出すだけです。

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