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

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

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

引导模态页面

当前回答

TLDR

背景:‘静态’

https://getbootstrap.com/docs/3.3/javascript/#modals-options

为背景指定静态，它不会在单击时关闭模式。

其他回答

对我来说有效的解决方法如下:

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

背景:禁用点击外部事件

键盘:禁用scape关键字事件

这是最简单的

你可以定义你的模式行为，定义数据键盘和数据背景。

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

这些方法对我来说都没用。

我有一个条款和条件模式，我想强迫人们在继续之前审查…默认的“静态”和“键盘”选项使它不可能向下滚动页面，因为条款和条件是几页日志，静态不是我的答案。

因此，我去解除模式上的点击方法的绑定，与以下我能够得到想要的效果。

$（'.modal'）.off（'click'）;

在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>`

如果你想更改默认值:

对于引导3.x:

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

对于bootstrap 4。X和5.x:

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

推荐文章