Bootstrap Popover

【Bootstrap Popover】

1、设置一个popover需要添加以下设置：

　　1）data-toggle="popover"

　　2）title="Example popover"，设置标题

　　3）data-container="body"，指定弹出的popover的父结点

　　4）data-content="“，弹出的popover的内容

　　5）data-placement="left"，弹出位置，上、下、左、右

　　

2、使用前必须激活：

$(function () { $("[data-toggle='popover']").popover(); });

3、下面是一些弹出框（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')

　　

参考：http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html