bootstrap模态框(modal)不关闭的方法
作者:钓赛通
发布时间:2022-10-18
点击数:
我们在开发pc前端页面时,有时需要强提醒用户,不能让用户关闭modal.
bootstrap 模态框(modal)默认点击非模态框部分和键盘esc会关闭模态框,但是有时会有需求不允许关闭,所以介绍一下实现这种需求的两种方法。
第一种:使用js去控制
$('#modal').modal({backdrop: 'static', keyboard: false});
backdrop:static时,空白处不关闭.
keyboard:false时,esc键盘不关闭.
第二种:使用属性加到div
data-backdrop="static" data-keyboard="false"
两种方法,可以跟不同场景去使用