單擊時列表組的點擊事件不觸發

Question

我是JQuery的新手，所以也許我的語法不正確，但是當我從列表中選擇內容時，我無法觸發引導列表組的任何click事件。 我不知道這有什么不同，但列表組位於引導程序彈出窗口內。

我在這里嘗試了兩種方法。

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

Answer 2

您的代碼在這里可以100％正常工作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");
});