使用bootstrap的popover保持焦点

Question

我一直在寻找使用Bootstrap的Popover小部件,虽然我喜欢它看起来有一件我喜欢看的东西是能够在popover的内容中放置超链接或按钮.实际上把它们放在那里,但问题是允许用户点击它们.

更具体地说,问题是 - 无论如何都有默认选项 - 一旦你离开链接并向弹出框移动它就会消失.有没有办法解决这个问题,而不仅仅是拨打延迟{hide}设置？我认为"正确"的解决方案是保持紧密的"隐藏设置"(又名,延迟:{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

可能有点晚了,但我刚刚遇到了这个名为"点击"的popover变种.该解决方案可满足您的需求,并提供其他一些有用的方法.