【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