加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 服务器 > 搭建环境 > Windows > 正文

JS组件Bootstrap实现弹出框效果代码

发布时间:2016-11-24 11:53:15 所属栏目:Windows 来源:网络整理
导读:为页面内容添加一个小的覆盖层,就像iPad上的效果一样,为页面元素增加额外的信息。 插件依赖 弹出框依赖工具提示插件,因此需要先加载工具提示插件。 选择性加入的功能 出于性能方面的考虑,工具提示和弹框组件的data属性api是选择性加入的,也就是说你必

二、选项
可以将选项通过data属性或JavaScript传递。对于data属性,需要将选项名称放到data-之后,例如data-animation=""。

JS组件Bootstrap实现弹出框效果代码

为单个弹出框应用data属性
对单个弹出框可以通过data属性单独指定选项,如上所示。

三、方法
$().popover(options)

为一组元素初始化弹出框。

.popover('show')

显示弹出框。

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

隐藏弹出框。

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

展示或隐藏弹出框。

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

隐藏并销毁弹出框。

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

四、事件

JS组件Bootstrap实现弹出框效果代码

$('#myPopover').on('hidden.bs.popover',
function
() {
//
 do something…})

以上就是本文的全部内容,希望对大家学习掌握Bootstrap弹出框有所帮助。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读