selector jQuery para verificar si un elemento se está animando a oculto

Question

¿Hay alguna forma de saber si un elemento está oculto o está en proceso de ocultarse (mediante una animación)? La única forma en que puedo pensar para hacerlo es almacenar una bandera en el elemento data cuando llamas al show o hide, pero me preguntaba si había otra manera.

Answer 1

de que tienes el escondida con $(":hidden") y luego los Animación con $(":animated") y con la verificación de la :animated.queue() si se tiene el método hide interior.

Answer 2

podrías hacer un selector de jQuery personalizado para ello

(function($) { 
    var endOpacity, 
     oldStep = jQuery.fx.step.opacity; 

    $.fx.step.opacity = function(fx) { 
     endOpacity = fx.end; 

     return oldStep(fx); 
    }; 

$.expr[':'].hiding = function(obj){ 
    var $this = $(obj); 

    return ($this.is(':hidden') || ($this.is(':animated') && endOpacity === 0)); 
}; 

})(jQuery); 

This worked for me (que puede requerir algunas pruebas más, aunque).

Entonces sólo tiene que añadir :hiding que coincidirá con elementos ocultos, y los elementos que actualmente están siendo animados a 0. Ahora única elementos de los partidos que están desapareciendo, no aparece.

Answer 3

Puede comprobar si el elemento está animado como esto:

if(!$('.your-element').is(':animated')) { 
    // do animation... 
} else { 
    return false; 
}