Detener animaciones de jQuery

El método jQuery stop() se utiliza para detener una animación o efecto en jQuery antes de que se complete.

Método jQuery stop()

stop()Este método detiene cualquier animación o efecto en ejecución en el elemento seleccionado antes de que se complete.

Al llamar a stop() en un elemento, se detiene inmediatamente cualquier animación en ejecución (si hay alguna).

Si se han llamado varios métodos de animación en el mismo elemento, las animaciones posteriores se colocarán en la cola de efectos.

Esto esstop()Sintaxis del método:

$("selector").stop(clearQueue, jumpToEnd)

El método stop() acepta dos parámetros opcionales:

• clearQueue-Un valor booleano que indica si también se deben eliminar las animaciones en cola. El valor predeterminado es false

• jumpToEnd-Un valor booleano que indica si se debe completar inmediatamente la animación actual. El valor predeterminado es false

El siguiente ejemplo detiene la animación en ejecución:

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

El siguiente ejemplo detiene todas las animaciones en cola:

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

El siguiente ejemplo detiene todas las animaciones inmediatamente después de completarse:

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

Referencia de efectos de jQuery

Para obtener referencias completas de efectos, visite nuestraManual de referencia de efectos de jQuery.