Selettore jQuery per controllare se un elemento si anima in nascosto

Question

C'è un modo per dire se un elemento è nascosto o è attualmente in fase di occultamento (tramite un'animazione)? L'unico modo che posso pensare è di memorizzare una bandiera nell'elemento data quando si chiama show o hide, ma mi chiedevo se c'era un altro modo?

Answer 1

Si ottiene quella nascosta con $(":hidden") e poi quelle che animano con $(":animated") e con il controllo del :animated.queue() se ha il metodo hide all'interno.

Answer 2

si potrebbe fare un selettore jQuery personalizzato per esso

(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 (si può richiedere un po 'di test però).

Quindi basta aggiungere :hiding abbinerà elementi nascosti, e gli elementi che sono attualmente in corso di animazione a 0. Sarà ora solo partita elementi che stanno scomparendo, non apparire.

Answer 3

È possibile controllare se l'elemento è animato come questo:

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