在引导弹出框元素上设置事件侦听器

Posted

技术标签:

【中文标题】在引导弹出框元素上设置事件侦听器【英文标题】:Set an event listener onto a bootstrap popover element 【发布时间】:2017-09-14 20:27:23 【问题描述】:

有没有办法获取实际的弹出框元素,以便在弹出框上设置事件侦听器?

例如

 jq("#theElement").popover.on('click', function()console.log("hello world"));

【问题讨论】:

也许这会对你有所帮助:***.com/questions/13205103/… - 它使用事件委托将事件附加到弹出框的父级,该事件由弹出框内的按钮触发。 @Santi 不幸的是,我需要设置container:'body',这导致.parent() 元素实际上不是popover 元素的父元素。 【参考方案1】:

您可以使用jq(e.element).data('bs.popover').tip() 检索弹出框元素

jq(e.element).data('bs.popover').tip().on("click",function() 
      console.log("hello world");
);

【讨论】:

以上是关于在引导弹出框元素上设置事件侦听器的主要内容,如果未能解决你的问题,请参考以下文章

我可以在引导弹出窗口中显示 Twitter 提要吗?

Bootstrap弹出框内的断线

Twitter Bootstrap 弹出框内的 HTML

自动隐藏引导弹出框[关闭]

使引导弹出框在悬停而不是单击时出现/消失

容器移动时的引导弹出位置