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

这是我的密码：

我试图在点击内容和按钮的外部时关闭弹出窗口，但它的内容有问题。显然，我无法完全隐藏或销毁内容

当我用“触发器”链接切换popover时，效果很好。但是，每当我通过单击内容外部来关闭它时，我仍然可以将链接悬停在内容中

---

有什么解决办法吗？

这里有一个链接指向工作示例：

---

我只是保留最新的触发器，并在每次单击文档时单击它。

我认为您对内部机制的干扰太大了

这是工作小提琴：

---

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

这里有另一种方法（也适用于数据api）

我这样做是为了防止单击隐藏popover中的元素

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

其想法是，当popover被隐藏时，您应该将其从DOM中删除

---

希望有帮助

有一点问题。在你触发一个并隐藏它之后，下次你点击文档中的任何地方时，它将重新打开最后一个隐藏的popover。谢谢，伙计。它可以工作，但你能让它像一个弹出框是打开的一样，当你点击另一个“触发器”时，它会在显示点击的弹出框之前关闭打开的弹出框吗？此时，它们彼此重叠。@greywind然后您需要手动注册“单击”事件，以检查是否存在打开的popover。我相信雅罗斯拉夫的回答涵盖了这一点