Question

我在点击ID为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() {

}):

Jquery点击功能不适用于popover内的按钮

2 个答案: