javascript - Jquery 单击函数不适用于弹出框内的按钮

标签 javascript jquery html twitter-bootstrap-3 popover

我正在尝试在单击 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");           
});

最佳答案

您需要使用 event delegation , 像这样

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

关于javascript - Jquery 单击函数不适用于弹出框内的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30232543/

相关文章:

javascript - knockout foreach 不工作

javascript - 如何在 Reactjs 中为属性样式定义 PropTypes

javascript - 使用 javascript(带有 ASCII 代码)的 html 凯撒密码需要帮助

javascript - 我的红色方 block 不会出现,因为 : "speedX and speedY aren' t defined"-console

javascript - 垂直滑过整个页面

php - 如果页面上存在 JavaScript 错误,谷歌地图是否无法加载?

javascript - 如何在 RequireJS 中保持脚本的加载顺序

javascript - 向下滚动页面后更改元素的CSS位置

javascript - 如何使用javascript插入换行符?

html - 标记表情符号未呈现