2009-04-15 8 views
0

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

答えて

2

単にそれをアニメーション化する前に、オブジェクト上のストップを()を呼び出す:

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