Jquery检查元素是否隐藏（连续）

Question

如何检查一个元素是否立即隐藏。即如何通知元素的可见性。

就我而言，该元素是通过 slideUp 函数隐藏的。我应该立即收到有关该元素的可见性的通知。

我想到了使用 bind() 方法。但它没有类似 onHide 的事件。那么如何才能变成这样呢？任何建议都会有帮助！

编辑：

我知道可以使用is(':hidden')，但我想像addEventListener一样连续检查

Answer 1

if($('#selector').is(':visible')){
   //is visible
}else{
  //is NOT visible threfore is hidden
}

编辑
如果那不存在
那么您将必须检查不透明度/过滤器属性

，因此

if($('#selector').css('opacity')!=0){
       //is visible//or partially visible//depends on opacity
    }else{
      //is NOT visible threfore is hidden
    }

还要确保检查跨浏览器的不透明度

编辑2

function checkVisibility(){
   //put the visibility checker here
   setTimeout('checkVisibility',1000)//every 1 second...
}

注意：像这样的重复可能会减慢浏览器的速度

Answer 2

您可以使用 SlideUp 的回调立即知道元素何时隐藏：

function theElementIsHidden()
{
    //What to do when the slideUp animation (element hidden) is completed...
}

$("#element").slideUp(200, function(){theElementIsHidden();}