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

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

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

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中文网其他相关文章!

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