检查 div 是否可见

Question

如果我想检查一个 div 是否可见，我使用：

if($('#step2').is(':visible')) {

如果我使用fadeIn()显示 div，它在页面加载时不可见。 我可以用什么代替.is 来触发一些代码？ 我正在考虑.on()但不知道如何

我知道我可以在fadeIn()的回调中做到这一点，但问题是如何在回调之外做到这一点。

谢谢

Answer 1

正如jQuery 示例页面所示，fadeIn 属性有一个回调，以确定它何时完成淡入淡出，如果要检查它是否在回调之外可见，只需将 boolean 变量设置为 true，一旦调用回调, 并在其他地方检查

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script> <div id="clickme"> Click here </div> <img id="book" src="https://api.jquery.com/resources/0042_06_36.png" alt="" width="100" height="123"> <script> //I just added this (bluejayke) var isItEvenVisible = false // With the element initially hidden, we can show it slowly: $( "#clickme" ).click(function() { $( "#book" ).fadeIn( "slow", function() { // Animation complete isItEvenVisible = true }); }); //somewhere else if(isItEvenVisible) { //stuff } </script>