Bootstrap 模态框插件Modal 的选项

选项

Bootstrap模态框插件modal提供了 4 个选项，所有的选项都可以通过 data 属性或 JavaScript 进行设置。见表 5‑1：

表 5‑1 Bootstrap模态框插件modal的选项
名称	类型	默认值	说明
backdrop	boolean	true	模态对话框是否包含一个黑色半透明背景。取值为 false 时，不包含背景；取值为 true 时，包含背景，单击该背景会关闭模态对话框；取值为 static时，包含背景，但单击该背景不会关闭模态对话框。
keyboard	boolean	true	是否支持按 Esc 键关闭模态对话框。取值 false，表示不支持
show	boolean	true	初始化时即显示模态对话框
remote	path	false	如果提供了远程URL地址，就会通过jQuery的 load 方法加载内容，并填充到 .modal-body 中。如果使用data属性，则要使用 href 属性来指定远程URL地址。示例代码如下：<a data-toggle="modal" href="test.html" data-target="#myModal">click me</a>

如果使用data属性，则要将选项名称放在 data- 的后面，类似于 data-keyboard=" "。如：

<a data-toggle="modal" data-target="#myModal" data-keyboard="false">Demo</a>

如果使用JavaScript代码，直接使用选项名称即可。如：

<script>
$('#myModal').modal({
backdrop: false,
keyboard: false,
remote: "test.html"
})
</script>
关于作者

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

Bootstrap 模态框插件Modal 的选项相关推荐

Bootstrap 模态框插件Modal 的事件
事件 Bootstrap模态框插件modal提供了 4 个事件,通过监听这些事件,可以对特定操作阶段的用户行为作出响应.这些事件及含义见表 5‑2. 表 5‑2 Bootstrap模态框插件modal ...
Bootstrap 模态框插件Modal 的方法
方法 Bootstrap模态框插件Modal的方法主要用来打开.关闭.隐藏Bootstrap模态框插件Modal: 1..modal(options) 使用一个可选的对象参数 options 调用 B ...
Bootstrap 模态框插件modal的调用方式
调用方式 1.data属性调用使用 data 属性调用模态对话框时,一般要设置两个属性,一个是 data-toggle 属性,另一个是 data-target 属性. data-toggle 属性定 ...
Bootstrap 模态框（Modal）
#Bootstrap 模态框(Modal)插件详细讲解 #####第一步: 加载框架: https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jque ...
asp.net mvc 使用bootstrap的模态框插件modal
编译器:vs2012 jquery版本:jquery-1.10.2.js bootstrap:bootstrap.js v3.0.0,包含modal插件我们要实现一个使用模态框展示从服务器获取的数据 ...
Bootstrap 模态框（Modal）的属性及方法
用法您可以切换模态框(Modal)插件的隐藏内容: 通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="modal",同时设置 data- ...
Bootstrap 学习之js插件（模态框（Modal）插件）
Bootstrap 模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. ( ...
前端之bootstrap模态框
简介:模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. Modal简介 Modal实现弹出表单 M ...
Bootstrap学习之模态框（Modal）插件
Bootstrap每天必学之模态框(Modal)插件,模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互 ...

Bootstrap 模态框插件Modal 的选项

选项

Bootstrap 模态框插件Modal 的选项相关推荐

最新文章

热门文章