Question

我一直在寻找使用Bootstrap的Popover小部件，虽然我喜欢它但我希望看到的一件事就是能够在其中放置超链接或按钮。 popover体的内容。实际上把它们放在那里，但问题是允许用户点击它们。

更具体地说，问题是 - 无论如何都要使用默认选项 - 只要您离开链接并向弹出框移动它就会消失。有没有办法解决这个问题，而不仅仅是拨打延迟{hide}设置？＆＃34;权利＆＃34;在我看来，解决方案是保持紧密的隐藏设置＆＃34; （又名，延迟：{hide：100}）但允许光标在弹出窗口移动时不启动计时器。

希望我在这里错过一个简单的伎俩。欢迎所有和任何帮助。

Answer 1

以下代码将显示鼠标移动时的弹出窗口，当鼠标离开时它将保持可见状态。

$("span[rel=popover]").popover({ trigger: 'manual' }).hover(function(e){ 
$(this).popover('show');
e.preventDefault(); 
});

要关闭它，请致电

 $("span[rel=popover]").popover('hide');

HTH

Answer 2

游戏可能有点晚了，但我刚刚遇到了这个名为＆＃34的popover变体;点击了＃34;。该解决方案可满足您的需求，并提供其他一些有用的方法。

http://www.leecarmichael.com/bootstrapx-clickover/examples.html

Answer 3

我知道这是非常古老的链接但是对于其他人的参考我正在添加其他stackoverflow的链接 How can I keep bootstrap popover alive while the popover is being hovered?

使用bootstrap的popover保持专注

3 个答案: