列表组单击事件不会触发单击时

我是JQuery的新手，所以也许我的语法不正确，但我无法触发引导列表组中的任何单击事件，当我从列表中选择某项时，无法触发引导列表组的任何单击事件。我不知道它是否有所作为，但列表组位于引导程序弹出窗口内。列表组单击事件不会触发单击时

我在这里试过这两种方法。

$('#eventList').on('click', '.list-group-item', function(e) { 
 
    e.preventDefault(); 
 
    //code here 
 
}); 
 

 
$(".list-group-item").click(function() { 
 
    // code here 
 
});

<div id="events-popover-head" class="hide">Events</div> 
 
<div id="events-popover-content" class="hide"> 
 
    <ul id="eventList" class="list-group"> 
 
    <li class="list-group-item">First item</li> 
 
    <li class="list-group-item">Second item</li> 
 
    <li class="list-group-item">Third item</li> 
 
    </ul> 
 
</div>

来源

2015-04-15 user1186050

这个代码工作相关的特定代码 – Shelly

该代码是正确的，工作正常。

它不起作用，因为'#eventList'在添加侦听器时不存在。

试试这个

$(document).on('click', '#eventList .list-group-item', function(e) {

来源

2015-04-15 00:15:38

哦，我看你是正确的。这工作！谢谢 – user1186050

$（'body'）。和$（document）.on？之间的区别是什么？ – user1186050

从这个网站http://www.sitepoint.com/jquery-body-on-document-on/它说文档更快，所以我应该使用文档而不是正文？ – user1186050

你的代码工作100％的罚款这里https://jsfiddle.net/bkf7y6q7/

你确定你包括在HTML文件中的以下内容：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

来源

2015-04-15 00:19:52 renakre

演示：http://jsfiddle.net/du92ucfm/1/

这是工作，有什么你问？你能为我提供bootstrap.js

$('#eventList').on('click', '.list-group-item', function(e) { 
    console.log('i am clicked 1'); 
}); 
$(".list-group-item").click(function() { 
console.log("i am clicked 2"); 
});

来源

2015-04-15 00:32:18 Shelly

列表组单击事件不会触发单击时

回答

相关问题