列表組單擊事件不會觸發單擊時

Question

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

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