javascript - 单击时不触发列表组的单击事件

Question

我是 JQuery 新手，所以也许我的语法不正确，但当我从列表中选择某些内容时，我无法触发 Bootstrap 列表组的任何单击事件。我不知道这是否有什么不同，但列表组位于 Bootstrap 弹出窗口内。

这两种方法我都试过了。

$('#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>

Answer 1

该代码是正确的并且工作正常。

它不适用于您的情况，因为在您添加监听器时 '#eventList' 不存在。

试试这个

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