jQuery的點擊功能不工作的彈出式按鈕裏面

Question

我想提醒一條消息，當點擊編號爲tagit的按鈕時。但是整個表格都出現在bootstrap popover中。我還添加了jquery警報消息，但它沒有顯示任何警告對話框，但是當我在JavaScript中調用相同的東西時，它顯示警報。但我需要它在jQuery中。我怎樣才能做到這一點？

var htmlcont ='<table class="pop-table"><tr><td><button class="btn btn-warning" id="tagit">FILTER</button></td></tr></table>'; 

$('[data-toggle="popover"]').popover({content: htmlcont, html: true});  

$("#tagit").click(function(){ 
     alert("hello this is working");   
}); 

Answer 1

您需要使用event delegation，像這樣

$(document).on('click', "#tagit", function() { 
    console.log("hello this is working");   
}); 

Answer 2

事件委託動態創建的DOM元素。嘗試使用立即父母選擇器來輕鬆快速地遍歷

$(document).on('click', '#tagit', function() { 

}):