Bootstrap3 模态对话框的方法

模态对话框的方法

1、.modal(options)

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

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

2、.modal('toggle')

手动打开或隐藏一个模态对话框。在模态框显示或隐藏之前，也就是在触发shown.bs.modal或hidden.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 上开源。

Bootstrap3 模态对话框的方法相关推荐

Bootstrap3 模态对话框的事件
模态对话框的事件 Bootstrap为模态对话框插件提供了 5 个事件,通过监听这些事件,可以对特定操作阶段的用户行为作出响应.这些事件及含义见表 4‑2. 表 4‑2 modal插件的事件及含义事 ...
Bootstrap3 模态对话框的选项
模态对话框的选项 Bootstrap为模态对话框提供了 4 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.见表 4‑1: 表 4‑1 modal插件的选项名称类型默 ...
MFC创建模态对话框和非模态对话框的方法
在MFC中对话框有两种形式,一个是模态对话框(model dialog box),一个是非模态对话框(modeless dialog box).本文对此分别简述其创建方法. 一.模态对话框(model ...
Bootstrap3 模态对话框的调用方式
模态对话框的调用方式可以通过 data 属性或 JavaScript,让模态框动态显示或隐藏.Bootstrap会为<body>元素添加.modal-open类来覆盖页面默认的滚动行为, ...
Bootstrap3 模态对话框的尺寸
模态对话框的尺寸 Bootstrap为模态框提供了两个尺寸类 .modal-lg和.modal-sm,可以为.modal-dialog增加一个样式类,来调整模态框的尺寸. 如果模态框中的内容比较多,你 ...
MFC-创建模态对话框和非模态对话框的方法
注意:以下实例中创建模态对话框时没有用create(id号)绑定资源id,而非模态对话框中要用create(id号)绑定对话框资源id. 在MFC中对话框有两种形式,一个是模态对话框(model di ...
MFC中实现模态对话框的结构与原理
1. 模态对话框在涉及GUI程序开发的过程中,常常有模态对话框以及非模态对话框的概念模态对话框:在子界面活动期间,父窗口是无法进行消息响应.独占用户输入非模态对话框:各窗口之间不影响模态框和非 ...
模态对话框与非模态对话框的区别
最近几天一直在研究这个问题,起初一直都是在用模态对话框,然而在一个对话框中打开另外一个模态对话框时,一直都无法将值传递给该模态对话框,今天早上将模态对话框改成了非模态对话框,问题竟然解决了.于是决定将 ...
Bootstrap3 动态模态对话框
动态模态对话框如果你希望在页面初始状态时不显示模态框,只有在用户点击某个按钮时,再打开隐藏的模态对话框,这也很简单. 首先,在页面上添加一个触发按钮.如: <button class=&quo ...

Bootstrap3 模态对话框的方法

模态对话框的方法

Bootstrap3 模态对话框的方法相关推荐

最新文章

热门文章