Verificar si el elemento está en el estado fadeIn o fadeOut ('acción')

Question

Necesito detener (cancelar) el actual .fadeIn (5000) y comenzar el mismo fadeIn desde el principio, una vez que se hace clic en un botón (de lo contrario, el próximo fadeIn comienza solo después de 5000). ¿Cómo puedo verificar, si div se está desvaneciendo activamente y cómo puede cancelarlo (supongo que podría simplemente ocultar())?

Answer 1

Use .stop(). No necesita probar si se está ejecutando fadeIn; si no lo está, stop no tiene efecto.

Aún así debes ocultarlo. Por lo que sería algo así como:

$('selector').stop(true).hide().fadeIn(5000); 

Answer 2

Se podía utilizar .hide() para evitar que la decoloración y al instante ocultarlo.

Si necesita detectar que se está desvaneciendo sin detener el fundido, se vuelve más complicado.

La manera más fácil de detectarlo sin cambiarlo es usar .data para establecer un valor en el elemento que muestra que actualmente se está desvaneciendo.

Entonces, si su llamada .fade, utilizar una devolución de llamada que elimina ese valor, como este:

element.data('fading', true); 
element.fade(5000, function() { 
    $(this).data('fading', false); 
}); 

A continuación, puede comprobar si se está desvaneciendo actualmente usando:

if(element.data('fading'))