Question

我是JQuery的新手，所以也许我的语法不正确，但是当我从列表中选择某些内容时，我无法触发引导列表组的任何点击事件。我不知道它是否有所作为，但列表组是在引导程序中。

我在这里尝试了两种方法。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

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

由于'#eventList'在您添加收听者时不存在，因此无法解决您的问题。

试试这个

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

Answer 2

您的代码在https://jsfiddle.net/bkf7y6q7/

正常工作

您确定在html文件中包含以下内容：

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

Answer 3

演示：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");
});

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

3 个答案: