首页 >web前端 >css教程 >如何防止 Bootstrap 模态框在后台点击时关闭?

如何防止 Bootstrap 模态框在后台点击时关闭?

Patricia Arquette
Patricia Arquette原创
2024-11-10 09:05:02503浏览

How to Prevent Bootstrap Modals from Closing on Background Click?

在后台点击时禁用 Bootstrap 模态关闭

问题:

在 Bootstrap 模态中,单击模态区域之外会自动关闭模态。在某些情况下,这种行为可能是不受欢迎的。

解决方案:

要禁用特定模态的后台关闭功能,请使用以下选项:

禁用背景的选项Closure:

  • backdrop: 指定背景选项的静态值,以防止模态框在后台点击时关闭。
  • Keyboard: 将键盘设置为 false 以使用 Esc 禁用模式关闭

JavaScript 中的用法:

数据属性的用法:

通过应用这些选项,您可以有选择地禁用某些模式的后台关闭,同时保持它其他。

以上是如何防止 Bootstrap 模态框在后台点击时关闭?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn