要素の可視性状態を検出する

Question

こんにちは、要素が可視か非表示かを検出したいと思います。私はこれについて考えた

$("#mobile_navbar:visible").change(function() { 
    console.log("detected") 
}); 

しかし、これは動作していないようです...？どのようにこれを行うにはどのようなアイデア？基本的に$（ "＃visible_navbar"）が変更されているかどうかをチェックするにはどうすればいいですか？要素がクリックされます。
おかげ カール

Answer 1

var isVisible = $("#mobile_navbar").css('display'); 
if(isVisible != 'none') { 
    console.log("detected") 
}; 

Answer 2

あなたは要素が画面上に表示されていることを確認したい場合は、次のように行うことができます。

if($(selector).css('visibility') == 'hidden') { 
    doSomething 
} 
else{ 
    doSomethingElse 
}