如何使Twitter Bootstrap Popover始终开放？

Question

我想制作Twitter Bootstrap Popover，当文件加载时，永远打开。我看到了一些解决方案，但它们会显示click或hover！

有我的代码：

$("#min-allowed-price .bar-label-shape").popover({
    offset: 10,
    trigger:'manual'
    });

Answer 1

  

我想在加载文档时制作Twitter Bootstrap Popover

$(document).ready(function() {
    $("button").popover("show");
});

  

永远开放。

将disabled属性添加到按钮或preventDefault()

上的hide.bs.popover event

$('button').on('hide.bs.popover', function (e) {
  e.preventDefault();
});

jsfiddle

Answer 2

你实际上并没有触发弹出窗口。你可以致电popover('show')：

来做到这一点

$("#min-allowed-price .bar-label-shape").popover({
  offset: 10,
  trigger:'manual'
}).popover('show');

来自Bootstrap的Popover documentation：

  

.popover('show')

     

显示元素的弹出窗口。在实际显示弹出窗口之前（即在显示的.bs.popover事件发生之前）返回到调用者。这被认为是弹出窗口的“手动”触发器。永远不会显示标题和内容为零长度的弹出窗口。

$('#element').popover('show')

Answer 3

一种方法是手动显示弹出框，然后删除弹出链接的单击事件处理程序。

＆＃13;

＆＃13;

$('.popover-visible-trigger')
    .popover('show')
    .off('click');

＆＃13;

＆＃13;

＆＃13;

查看工作jsfiddle。

但是，事情是，也许你不需要这样做。如果您希望始终显示弹出窗口，为什么不将其添加到标记？