Bootstrap3实用教程
4.3.6 模态对话框的方法
阅读(

Bootstrap基础

Bootstrap全局样式

Bootstrap组件

Bootstrap插件

概述

过渡

模态对话框

模态对话框的选项

模态对话框的调用方式

模态对话框的尺寸

动态模态对话框

静态模态对话框

模态对话框的方法

1、.modal(options)

使用一个可选的对象参数 options调用模态对话框。如:

$('#myModal').modal({
  backdrop: false,
  keyboard: false
})

2、.modal('toggle')

手动打开或隐藏一个模态对话框。在模态框显示或隐藏之前,也就是在触发shown.bs.modalhidden.bs.modal事件之前,返回到主调函数中。如:

$('#myModal').modal('toggle')

3、.modal('show')

手动打开一个模态对话框。在模态框显示之前,也就是在触发shown.bs.modal事件之前,返回到主调函数中。如:

$('#myModal').modal('show')

4、.modal('hide')

手动隐藏一个模态对话框。在模态框隐藏之前,也就是在触发hidden.bs.modal事件之前,返回到主调函数中。如:

$('#myModal').modal('hide')

5、.modal('handleUpdate')

手动隐藏一个模态对话框。在模态框隐藏之前,也就是在触发hidden.bs.modal事件之前,返回到主调函数中。如:

$('#myModal').modal('handleUpdate')

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验