Twitter bootstrap 通过引导保持焦点';爆米花

Twitter bootstrap 通过引导保持焦点';爆米花,twitter-bootstrap,Twitter Bootstrap,我一直在考虑使用Bootstrap的Popover小部件,虽然我喜欢它的外观,但有一件事我很想看到,就是能够在Popover的主体内容中放置超链接或按钮。实际上,将它们放在那里,但问题是允许用户单击它们 更具体地说,问题是——不管怎么说,使用默认选项——只要您离开链接并移向popover,它就会消失。除了拨延迟{hide}设置外,还有其他方法解决这个问题吗?在我看来,“正确”的解决方案是保持一个紧凑的“隐藏设置”(又名delay:{hide:100}),但允许光标在popover上移动而不启动计

我一直在考虑使用Bootstrap的Popover小部件,虽然我喜欢它的外观,但有一件事我很想看到,就是能够在Popover的主体内容中放置超链接或按钮。实际上,将它们放在那里,但问题是允许用户单击它们

更具体地说,问题是——不管怎么说,使用默认选项——只要您离开链接并移向popover,它就会消失。除了拨延迟{hide}设置外,还有其他方法解决这个问题吗?在我看来,“正确”的解决方案是保持一个紧凑的“隐藏设置”(又名delay:{hide:100}),但允许光标在popover上移动而不启动计时器


希望我错过了一个简单的把戏。欢迎所有帮助。

当鼠标移动时,下面的代码将显示popover,当鼠标移开时,它将使popover保持可见

$("span[rel=popover]").popover({ trigger: 'manual' }).hover(function(e){ 
$(this).popover('show');
e.preventDefault(); 
});
要关闭它,请拨打电话

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

HTH

游戏可能有点晚了,但我刚刚遇到了一种叫做“点击”的popover变体。该解决方案可以满足您的需求,并有一些其他有用的方法


我知道这是一个非常旧的链接,但供其他人参考,我正在添加其他stackoverflow的链接

用例是:将鼠标悬停在链接上,popover显示链接的简短描述,描述中是一个“更多详细信息”按钮。如果用户的兴趣仍然很高,他们可以将光标移动到popover并单击“更多详细信息”按钮。有关您的用例的可能解决方案,请参阅。谢谢Jon,该线程非常相关谢谢macsig。我今天/明天会试一试,很快会带着我的结果回来。对不起,我还没有回到这个话题。我会用EOW试一试。它离开后你怎么处理。您收听的jquery事件是什么?