twitter-bootstrap - 使用引导程序的弹出框保持焦点

Question

我一直在研究使用 Bootstrap 的 Popover 小部件，虽然我喜欢它，但我希望看到的一件事是能够在弹出框正文的内容中放置超链接或按钮。实际上将它们放在那里，但问题是允许用户单击它们。

更具体地说，问题是 - 无论如何都有默认选项 - 一旦您离开链接并移向弹出框，它就会消失。除了拨打延迟{隐藏}设置之外，还有什么方法可以解决这个问题？在我看来，“正确”的解决方案是保持严格的“隐藏设置”（又名延迟：{hide:100}），但允许光标在弹出窗口上方移动以不启动计时器。

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

score 7 · Accepted Answer

下面的代码将在鼠标经过时显示弹出框，当鼠标移开时它将保持可见。

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

关闭它调用

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

高温高压

score 6 · Accepted Answer

游戏可能有点晚了，但我刚刚遇到了这个名为“click over”的弹出框变体。该解决方案涵盖了您的需求，并具有其他一些有用的方法。

score 1 · Accepted Answer

我知道这是非常旧的链接，但供其他人参考我正在添加其他 stackoverflow 的链接如何在弹出窗口悬停时保持引导弹出窗口活动？

3 回答 3