如何将引导弹出窗口显示为可选下拉菜单？

【问题标题】：how to show bootstrap popover as selectable dropdown?如何将引导弹出窗口显示为可选下拉菜单？
【发布时间】：2013-12-04 15:10:33
【问题描述】：

我想在悬停时显示引导弹出框。在弹出内容中，我有列表操作项。当我离开我用来显示popver的元素时，它会消失。我希望它显示，直到我在弹出窗口上。

有可能吗？

<a href="#" class="btn   btn-info" data-toggle="popover" data-content="hello" data-title="Welcome" data-placement="left"><i class="fa fa-anchor"></i> Goto</a>

Js 是

$('[data-toggle=popover]').popover({
      plcement:"left",
      title:"Heloo",
      content:"Welcome"
    });

在我离开弹出框内容之前，如何让弹出框保持存在？

【问题讨论】：

标签： jquery twitter-bootstrap popover

【解决方案1】：

设置popover触发器，然后在popover中使用一个模板，当mouseout发生时会隐藏自己...

$("[data-toggle=popover]").popover({
    trigger: 'manual',
    animate: false,
    html: true,
    placement: 'left',
    template: '<div class="popover" onmouseover="$(this).mouseleave(function() {$(this).hide(); });"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'

}).click(function(e) {
    e.preventDefault() ;
}).mouseenter(function(e) {
    $(this).popover('show');
});

Bootply

【讨论】：

出于某种原因，如果我在Codeply 中打开 Bootply 示例，它会像宣传的那样工作。但是，如果我在 Codeply preview（外部窗口 - 弹出窗口）中打开它——我仍然可以选择工具提示文本，但右键单击它会消失。当我尝试在右键单击时复制示例（工具提示窗口消失）时也会发生这种情况。