Jquery 点击功能不适用于弹出框内的按钮

Question

我正在尝试在单击 ID 为 tagit 的按钮时提醒消息。但整个表单出现在 bootstrap 弹出窗口中。我还添加了 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 元素。尝试使用Immediate parent selector来轻松快速地遍历

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

}):

Jquery 点击功能不适用于弹出框内的按钮

Jquery click function not working for the button inside popover

html

javascript

jquery

popover

twitter-bootstrap-3