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()方法！