.load（）コンテンツのイベントを待ち受けます。

Question

私は、セッション状態に基づいて条件付きでロードするナビゲーションメニューを持っています。

メニューの一つは、このようになります。..

<ul class="nav navbar-nav menu" > 
      <li id="index"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</li> 
      <li><a href="addhook.html"><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> Register Site</a></li> 
      <li><a href="settings.html"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> Favorites</a></li> 
       <li><a href="#about"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li> 
      <li><a href="settings.html"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Settings</a></li> 
      <li><a href="login.html"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> Log out</a></li> 
     <ul> 

メニュー内の項目に基づいて行動する私に$("#navbar").load("unauthNav.html");それをロードするために、私は、コールバックを使用することができますが、私は後にタップをリッスンするかどうかはわかりませんメニューはDOMに入っていないように読み込まれます。

DOMをロードした場合、$(document).ready()以内にクリックハンドラを使用しましたが、.onを試しましたが、これはどちらでも動作しません。例えば

var navMain = $(".menu"); 
    navMain.on("click", "li", null, function() { 
    alert($(this).attr('id')); 
    navMain.collapse('hide'); 
}) 

Answer 1

document.on("click", ".menu li", null, function() { 
    alert($(this).attr('id')); 
    navMain.collapse('hide'); 
}) 

以下のようnavmainのではなく、ドキュメント上のクリックイベントハンドラにしてみてください