阻止Bootstrap 模态框在点击页面空白处关闭方法

时间:2021-03-18 23:47:08

解决这个问题有两种方式:

1.在定义bootstrap modal对话框的地方使用下面的方式:

<div id="modal-form-result" class="modal" tabindex="-1" aria-hidden="true" data-backdrop="static">

优点:无需编程

缺点:每个地方都需要加红色标注部分,繁琐


2.js编程实现

$('#modal-form-result').modal({ backdrop: 'static', keyboard: false });    --局部

或者

$.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';  ---全局性