Bootstrap 3.1.1 链接“.dropdown-menu li > a”和它的“a”节点上的 jquery 事件“onClick”答案

【问题标题】：Bootstrap 3.1.1 links inside ".dropdown-menu li > a" and jquery event "onClick" on it's "a" nodesBootstrap 3.1.1 链接“.dropdown-menu li > a”和它的“a”节点上的 jquery 事件“onClick”
【发布时间】：2014-10-03 07:51:49
【问题描述】：

在$(document).ready() 我初始化我的脚本并用这个替换一些节点：

<div class="btn-group live-block" live_id="city-live" initialized="yes">
   <input class="form-control" type="text" autocomplete="off" name="city-live">
   <ul class="dropdown-menu">
      <li><a href="#" class="live-element" val="4400">Kiev</a></li>
      <li><a href="#" class="live-element" val="4401">New York</a></li>
      <li><a href="#" class="live-element" val="4402">Moscow</a></li>
   </ul>
   <input type="hidden" name="" value="">   
</div>

和我无法在li 内为这个a 设置事件“onClick”

$(document).on('click', 'a.live-element', function(e){
        console.log(123);
        e.preventDefault();
})

在 HTML DOM 中的任何地方都可以，但在引导类 dropdown-menu 中不行请帮助我做到这一点li > a可点击！附言不要建议我更改引导类的名称dropdown-menu，因为我希望我的代码对引导程序友好。

【问题讨论】：

您没有任何li 元素？
ul 下没有li 标签？
是的，我有！（只是在这里复制粘贴代码出错了）
您发布的代码本身不会做任何事情。可以发minimal, complete, and verifiable example吗？
也升级到 Bootstrap v3.2.0。

标签： jquery twitter-bootstrap drop-down-menu jquery-events

【解决方案1】：

$(document).on('click', 'a.live-element', function(e){
        event.stopPropagation();
        console.log(123);
        e.preventDefault();

})

这对我有帮助

【讨论】：