Bootstrap Popover 隐藏的Javasript方法

Bootstrap Popover是Bootstrap的弹出提示控件。我们可以通过data属性或者Javascript来调用该控件。data属性调用定制性较差这里就不细说了，我们讲一下Javascript来调用。

$().popover(options)

对于jQuery选择器选到的元素调用jQuery.fn.popover(options)完成初始化，options是一个对象可以包含以下属性：

名称	类型	默认值	描述
animation	boolean	true	是否开启CSS动画
html	boolean	false	是否允许内容为HTML代码，为false则将代码以文本方式显示
placement	string \| function	'right'	弹出提示相对于被选中元素的位置，可以使top \| bottom \| right \| left 四个方向
selector	string	false	如果有selector，则弹出提示将是该特殊元素
trigger	string	'click'	弹出提示在何时出现 - click \| hover \| focus \| manual
title	string \| function	''	标题
content	string \| function	''	提示内容
delay	number \| object	0	延时显示/隐藏时间对象结构为 `delay: { show: 500, hide: 100 }`
container	string \| false	false	将提示框放在特定的容器里

.popover('show')

显示提示。

.popover('hide')

隐藏提示。

.popover('toggle')

显示/隐藏提示。

.popover('destroy')

销毁

实际上，弹出提示是由内建的Popover对象管理的，jQuery.fn.popover方法只是调用Popover对象中的方法而已。所以首要是取出Popover对象供我们使用，而这一对象又在该元素的jQuery缓存中，我们可以这样取出：

$().data('popover');

例如：

var popoverObj = $('#element').data('popover');

然后我们就可以通过该对象的方法来完成我们想做的东西。

Popover.tip();

我们可以使用该方法返回jQuery包装后的弹出提示对象，然后进行事件绑定，例如：

popoverObj.tip().on('click', '#someElement', function(evt){

    //do something...

})

利用Popover.enable() 和 Popover.disable() 方法可以很容易使弹出框生效或无效，而不是销毁他。

当然我们也可以用Popover.toggleEnabled() 方法来切换生效和无效状态。

巴特西