首页 > web前端 > css教程 > 正文

如何禁用通过单击外部来关闭引导程序模态框?

Mary-Kate Olsen
发布: 2024-11-13 11:18:02
原创
836 人浏览过

How to Disable Closing Bootstrap Modals by Clicking Outside?

自定义 Bootstrap 模态关闭选项

Bootstrap 模态提供了一种方便的方式来显示附加信息或用户输入,但其默认行为是通过单击模态区域之外有时会不可取。

可以禁用此功能吗?

可以。您可以使用背景选项通过单击模态区域外部来禁用关闭模态框的功能:

对于使用 JavaScript 的特定模态:

$('#myModal').modal({backdrop: 'static'});
登录后复制

对于使用数据的特定模态属性:

<button
  data-target="#myModal"
  data-toggle="modal"
  data-backdrop="static"
  data-keyboard="false"
>
  Launch demo modal
</button>
登录后复制

其他自定义:

要进一步自定义模式行为,您还可以使用以下选项:

  • backdrop: 控制模态是否应该有背景。
  • 键盘: 控制是否应通过按 Esc 键关闭模式。

以上是如何禁用通过单击外部来关闭引导程序模态框?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板