Bootstrap 3 popover隐藏内容仍然可以点击

Question

这是我的代码：

http://codepen.io/murdocgrjey/pen/LFuto

我在单击内容和按钮外部时尝试关闭弹出框，但其内容存在问题。显然我无法完全隐藏或破坏内容。

当我使用'trigger'链接切换popover时，它可以正常工作。但每当我通过点击内容外部关闭它时，我仍然可以将链接悬停在内容中。

对此有任何解决方案吗？

Answer 1

我认为你太混乱了内部机制。

这是工作小提琴：http://codepen.io/anon/pen/utbin

如果目标不是触发器，只需切换现有的打开弹出窗口。

Answer 2

以下是工作示例的链接：http://codepen.io/anon/pen/zhIsm 我只需保留最新的触发器，并在点击文档时单击它。

Answer 3

这是另一种方式（也适用于data-api）http://jsbin.com/aRiZiki/1/edit

Answer 4

这是我为防止隐藏弹出窗口中的元素被点击而做的事情

$('button.new-history').on('hidden.bs.popover', function () {
    $(this).next().remove();
})

这个想法是，当弹出窗口被隐藏时，你应该从DOM中删除它。

希望它有所帮助！