Bootstrap 弹出框（Popover）插件

方法描述实例Options: .popover(options)向元素集合附加弹出框句柄。

$().popover(options)

Toggle: .popover('toggle')切换显示/隐藏元素的弹出框。

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

Show: .popover('show')显示元素的弹出框。

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

Hide: .popover('hide')隐藏元素的弹出框。

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

Destroy: .popover('destroy')隐藏并销毁元素的弹出框。

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

实例

下面的实例演示了弹出框（Popover）插件的方法：

实例

    
        左侧的 Popover
    
    
        顶部的 Popover
    
    
        底部的 Popover
    
    
        右侧的 Popover
    
        <a href="#" type="button" class="btn btn-warning" title="
Title
"
           data-container="body" data-toggle="popover" data-content="
Popover 中的一些内容 —— options 方法
">
            Popover
            
    

$(function () { $('.popover-show').popover('show');});
$(function () { $('.popover-hide').popover('hide');});
$(function () { $('.popover-destroy').popover('destroy');});
$(function () { $('.popover-toggle').popover('toggle');});
$(function () { $(".popover-options a").popover({html : true });});

结果如下所示：