のjavascriptイベント

Question

私はモバイルデバイス用に、ボタンをクリックするとポップアップするブートストラップ機能（左側のサイドバー）を使用するウェブサイトを持っています（下の図を参照）。私はブートストラップについてはあまりよく分かりませんが、JavaScriptのイベントを左側のサイドバーにリンクして表示したいと考えています。このバーが表示されているかどうかをjavascriptでどのように確認できますか？ ボタンのHTMLは

<div class="navbar navbar-inverse navbar-fixed-top" style="padding-left:6px;"> 
    <button type="button" class="navbar-toggle pull-left" data-toggle="offcanvas" data-recalc="true" data-target=".navmenu" data-canvas=".canvas"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
</div> 

とのHTMLである私が変化（）関数を使用したいと思いますが、私は、ブートストラップのJSは、実際にメニューバーを表示するために使用するかわからない... 左のサイドバーには

<div class="navmenu navmenu-inverse navmenu-fixed-left" id="mobile_navbar"> 
    <a class="navmenu-brand" href="/">Benty-fields</a> 
    <ul class="nav navmenu-nav"> 
    content 
</div> 

Answer 1

あなたが使用することができjQのです誰かがボタンをクリックしたときにこれを検出することができます。 ちょうどその時、ボタンにIDを追加します。あなたは、メニューはいつでも表示されているかどうかを確認したい場合は

$("#buttonId").click(function(e) { 
    // your javascript event 
}); 

あるいは、あなたはjavascriptのイベントで変数（ブール値）を設定し、その値をチェックすることができます必要に応じて。ここで

は別のアプローチである：

var isVisible = $("#myDiv").is(":visible"); 
var isHidden = $("#myDiv").is(":hidden");