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

Question

这是我的代码：

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

当我使用“触发器”链接切换弹出框时，它工作正常。但是每当我通过单击内容外部来关闭它时，我仍然可以将链接悬停在内容中。

请问有什么解决办法吗？

score 3 · Accepted Answer

我觉得你把内部机制搞得太乱了。

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

score 1 · Accepted Answer

这是我为了防止隐藏的弹出框内的元素被点击所做的

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

这个想法是当弹出框被隐藏时，您应该将它从 DOM 中删除。

希望能帮助到你！

score 1 · Accepted Answer

这是一个工作示例的链接：http://codepen.io/anon/pen/zhIsm 我只保留最新的触发器并单击它，每当单击文档时。

score 1 · Accepted Answer

1

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

于 2013-09-16T13:02:48.783 回答

4 回答 4