Bootstrap下拉菜單項uncaughtable

Question

我使用Bootstrap 3與Django模板和python背景。我在頂部導航欄下拉菜單中爲href值使用django變量。只有一個項目沒有href屬性，因爲它不需要路由到其他頁面，它只有一個目的，向用戶顯示模式彈出窗口。所以它只是一個基本的捕獲我的鼠標點擊與jQuery的問題，其中確認問題會問「你確定要這樣嗎？」，但無論我如何嘗試，我無法捕捉點擊事件：S有什麼建議？我在這裏複製了來自django模板和JavaScript文件的代碼。

 <ul class="nav navbar-nav visible-xs-12 hidden-sm hidden-md hidden-lg"> 
      <li> 
       <a href="{% url 'profiles:email_change' %}">Change Email</a> 
      </li> 
      <li> 
       <a href="{% url 'profiles:password_change' %}">Change Password</a> 
      </li> 
      <li> 
       <a href="#" id="deleteProfil">Delete Profil</a> 
      </li> 
      <li> 
       <a href="{% url 'profiles:signout' %}">Sign Out</a> 
      </li> 
     </ul> 

而對於抓劇本

 $("#deleteProfil").on("click", function() { 
      $('#deleteProfilModal').modal({show:true}); 
     }); 

在其他地方我用這個代碼來捕捉任何點擊，即使是動態生成的項目，它的工作原理。任何建議或想法傢伙？

Answer 1

我認爲你需要使用事件代表團此：

$('#deleteProfil').on('click', 'li a', function() { 
    $('#deleteProfilModal').modal({show:true});     
}); 

也是另一種解決方案是.live()方法！