BootStrap 模态框禁用空白处点击关闭
时间: 2023-09-03 09:12:57 浏览: 120
要禁用 Bootstrap 模态框空白处点击关闭,可以使用以下方法:
1. 使用 data-backdrop="static" 属性,在模态框 div 中添加该属性,这会阻止用户通过空白处点击关闭模态框。
```
<div class="modal" tabindex="-1" role="dialog" data-backdrop="static">
<!-- 模态框内容 -->
</div>
```
2. 使用 JavaScript,在模态框显示时,将 backdrop 属性设置为 "static",这也会阻止用户通过空白处点击关闭模态框。
```
$('#myModal').on('show.bs.modal', function () {
$('.modal-backdrop').attr('data-dismiss', 'modal').detach();
$(this).appendTo('body');
$(this).modal({
backdrop: 'static',
keyboard: false
});
});
```
以上两种方法都可以实现禁用 Bootstrap 模态框空白处点击关闭的效果。希望能对你有所帮助。
阅读全文