禁用引导模态区域之外的单击以关闭模态

JavaScript

JinJinStafan

2020-03-16

我正在制作一个Bootstrap网站，其中包含几个Bootstrap'Modals'。我正在尝试自定义一些默认功能。

问题是这样；您可以通过单击背景关闭模态。反正有禁用此功能？仅在特定模态上？

引导模式页面

第1850篇《禁用引导模态区域之外的单击以关闭模态》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共4个回答
梅小卤蛋 2020.03.16

根据您的屏幕宽度添加以下CSS。

@media (min-width: 991px){
    .modal-dialog {
        margin: 0px 179px !important;
    }
}
泡芙村村Pro 2020.03.16 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">

试试看，在我的应用程序开发过程中...我也遇到了麻烦，即模型属性的默认值=> data-keyboard="true"，=>data-backdrop="non static"

希望对你有帮助！

Gil 2020.03.16

尝试这个：

<div
  class="modal fade"
  id="customer_bill_gen"
  data-keyboard="false"
  data-backdrop="static"
>
SamMandy 2020.03.16

这是最简单的一个

您可以定义模态行为，定义数据键盘和数据背景。

<div id="modal" class="modal hide fade in" data-keyboard="false" data-backdrop="static">

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android