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

原文地址:https://www.cnblogs.com/tekkaman/p/6932866.html