javascript - 如何使用 jQuery 检查元素是否可见？

Question

我在用

$('#analytics').toggle("slide");

切换元素的可见性。但是当我尝试使用

检查它是否可见时

$('#analytics').is(":visible")

一旦切换可见一次，它总是显示为可见...

如果元素是使用 jQuery 切换功能控制的，检查元素可见性的最佳方法是什么？

Answer 1

我认为 display 是您要查找的内容:

编辑

我刚刚尝试了您自己的 $('#analytics').is(":visible") 并认为您的计时可能有问题(想想异步);试试这段代码，它会等到动画结束后再查询可见性，至少在代码片段中是这样，我非常感谢你的反馈。

$('button').click(function(){
  $('#analytics').toggle("slide", function(){
    console.log($('#analytics').is(":visible") ? 'visible':'hidden');
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="analytics">analytics</div>
<button>button</button>