我怎样才能使Twitter引导弹出框始终处于打开状态

How can I make Twitter Bootstrap Popover that always be open?

本文关键字：状态 于打开 Twitter      更新时间：2023-09-26

我想制作Twitter引导弹出框，当文档加载时，永远打开。 我看到了一些解决方案，但他们按click或hover显示弹出框！

有我的代码：

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

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

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

请参阅工作 jsfiddle。

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

我想在加载文档时制作Twitter引导弹出框

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

永远开放。

将disabled属性添加到hide.bs.popover event上的按钮或preventDefault() 

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

斯菲德尔

您实际上并没有触发弹出框。您可以通过调用 popover('show') 来做到这一点：

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

来自 Bootstrap 的 Popover 文档：

.popover('show')

显示元素的弹出框。在实际显示弹出框之前（即在显示的.bs.popover事件发生之前）返回给调用方。这被认为是弹出框的"手动"触发。标题和内容均为零长度的弹出框永远不会显示。

$('#element').popover('show')
相关文章：