Остановка анимации jQuery

Метод jQuery stop() используется для остановки jQuery анимации или эффекта до завершения.

Метод jQuery stop()

stop()Метод останавливает текущий выполняющийся jQuery анимации или эффект на选定ном элементе до завершения.

При вызове stop() на элементе текущий выполняющийся анимации (если есть) немедленно останавливается.

Если на одном и том же элементе вызываются несколько методов анимации, то последующие анимации будут добавляться в очередь эффектов.

Этоstop()Синтаксис метода:

$(selector).stop(clearQueue, jumpToEnd)

Метод stop() принимает два опциональных параметра:

• clearQueue-Булево значение, указывающее, следует ли также удалить анимации из очереди. По умолчанию false

• jumpToEnd-Булево значение, указывающее, следует ли немедленно завершить текущую анимацию. По умолчанию false

Ниже приведен пример, который останавливает текущую анимацию:

$("button").click(function(){
　　$("div").stop();
});

Ниже приведен пример, который останавливает все анимации в очереди:

$("button").click(function(){
　　$("div").stop(true);
});

Ниже приведен пример, который останавливает все анимации сразу после их завершения:

$("button").click(function(){
　　$("div").stop(true, true);
});

Референтное руководство по эффектам jQuery

Для получения полной информации о эффектах, пожалуйста, посетите нашРеферентное руководство по эффектам jQuery.