Селектор jQuery, чтобы проверить, является ли элемент анимированным для скрытого

Question

Есть ли способ определить, является ли элемент скрытым или находится в процессе скрытия (с помощью анимации)? Единственный способ, которым я могу думать, это сохранить флаг в элементе data при вызове show или hide, но мне было интересно, был ли другой способ?

Answer 1

Не могли бы вы сделать собственный селектор jQuery для него

 (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);

Это сработало для меня (может потребоваться еще какое-то тестирование).

Так что просто добавьте :hiding, он будет соответствовать скрытым элементам и элементам, которые в данный момент анимируются в 0. Теперь он будет только соответствовать элементам, которые исчезают, но не появляются.

Answer 2

Вы можете проверить, анимирован ли элемент так:

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

Answer 3

Вы получаете скрытый с помощью $(":hidden"), а затем анимирующие с $(":animated") и с помощью :animated проверьте .queue(), есть ли внутри метод hide.