首页 >web前端 >css教程 >如何禁用通过单击外部来关闭引导程序模态框?

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

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-11-13 11:18:02898浏览

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>

其他自定义:

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

  • 背景: 控制模态框是否应有背景。
  • 键盘: 控制模态框是否应通过按Esc 键。

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

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