Red de conocimiento informático - Aprendizaje de programación - Cómo evitar la superposición de animaciones en jquery. Por ejemplo, si muevo el mouse hacia adentro y hacia afuera, el efecto se repetirá.

Cómo evitar la superposición de animaciones en jquery. Por ejemplo, si muevo el mouse hacia adentro y hacia afuera, el efecto se repetirá.

El método stop() detendrá la animación que se está ejecutando actualmente.

Sintaxis:

$(selector).stop(stopAll, goToEnd)

stopAll es opcional. Especifica si se deben detener todas las animaciones agregadas a la cola de elementos seleccionados.

goToEnd

Opcional. Especifica si se permite que finalice la animación actual.

Este parámetro solo se puede utilizar después de configurar el parámetro stopAll.

Detener la animación anterior antes de iniciar otra;

Ejemplo:

$("#start").click(function(){

$("#box").stop().animate({height: 300}, "slow");

});

/ / si es un clic continuo, detendrá la animación anterior y comenzará la siguiente primero

$("#box".stop().animate({height: 300}, "slow");

}