我正在做一个bootstrap网站，与一对bootstrap 'Modals'。 我正在尝试自定义一些默认功能。
问题在于; 你可以通过点击背景来关闭模式。 有没有办法禁用这个功能? 只在特定的情态动词?
引导模态页面
当前回答
对我来说有效的解决方法如下:
$('#myModal').modal({backdrop: 'static', keyboard: false})
背景:禁用点击外部事件
键盘:禁用scape关键字事件
其他回答
这个解决方案对我很有效:
$('#myModal').modal({backdrop: 'static', keyboard: false})
与 data-backdrop =“静态”data-keyboard = " false "
在按钮启动模态
试试这个:
<div
class="modal fade"
id="customer_bill_gen"
data-keyboard="false"
data-backdrop="static"
>
<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- background ="非静态"
希望这对你有所帮助!
把这段代码放在modal html的第一个块中
引导4.倍
-keyboard = "和"日期-backdrop =“静态”
Boostrap 5.倍
data-bs-keyboard = " false " data-bs-backdrop =“静态”
例子:
<div id="modal-user" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
文档引导5:https://getbootstrap.com/docs/5.1/components/modal/#options
包括一个情态背景元素。或者，为背景指定静态，它不会在单击时关闭模式。
在我的应用程序中，我使用下面的代码通过jQuery显示Bootstrap模态。
$('#myModall').modal({
backdrop: 'static',
keyboard: true,
show: true
});
