禁用在引导模态区域外单击关闭模态

我正在做一个bootstrap网站，与一对bootstrap 'Modals'。我正在尝试自定义一些默认功能。

问题在于; 你可以通过点击背景来关闭模式。有没有办法禁用这个功能? 只在特定的情态动词?

引导模态页面

当前回答

你可以使用

$.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';
$.fn.modal.prototype.constructor.Constructor.DEFAULTS.keyboard =  false;

更改默认行为。

其他回答

在Options一章中，在您链接的页面中，您可以看到背景选项。通过这个值为static的选项将阻止关闭模态。正如@PedroVagner在评论中指出的那样，你也可以通过传递{keyboard: false}来防止按Esc关闭模态。

如果你用js打开模态，使用:

$('#myModal').modal({backdrop: 'static', keyboard: false})

如果您正在使用数据属性，请使用:

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>`

根据你想要的屏幕宽度添加下面的css。

@media (min-width: 991px){
    .modal-dialog {
        margin: 0px 179px !important;
    }
}

试试这个:

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

我缺少情态对话框，这就是为什么我的关闭情态不能正常工作。

你也可以不使用JQuery做到这一点，如下所示:

<div id="myModal">

var modal = document.getElementById('myModal');
modal.backdrop = "static";
modal.keyboard = false;

推荐文章