JQuery анимация

Question

У меня есть некоторый код JQuery в обработчике событий click для флажка, который обновляет значение элемента управления span на странице, затем анимирует цвет фона тега span на желтый и затем постепенно возвращается к белому примерно через секунду. обратить внимание пользователя на то, что значение пролета изменилось. Проблема заключается в том, что если пользователь нажимает несколько раз на флажок, анимация повторяется снова и снова, сколько раз пользователь нажимал. Любой знает, как предотвратить анимацию JQuery, если анимация уже выполняется.

Answer 1

Просто вызовите stop () для объекта перед его анимацией:

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