Bootstrap3 模态对话框的选项

最新推荐文章于 2020-03-28 23:53:32 发布

ixygj197875

最新推荐文章于 2020-03-28 23:53:32 发布

阅读量438

点赞数

CC 4.0 BY-SA版权

分类专栏： Bootstrap3实用教程文章标签： Bootstrap Bootstrap3 Bootstrap3 模态对话框的选项

173 篇文章

订阅专栏

博客介绍了Bootstrap为模态对话框提供的4个选项，这些选项可通过data属性或JavaScript进行设置。使用data属性时，选项名称要放在data-后面；使用JavaScript代码时，直接用选项名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

关于作者

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