bootstrap 禁用 modal 点击空白处关闭事件

bootstrap 禁用 modal 点击空白处关闭事件

在使用bootstrap的 modal 时候,会遇到 在弹出的modal 后,点击空白处时 modal也关闭了,怎么禁用空白关闭事件呢

一般使用:

$('#modal_id').modal(); 进行关闭,那么这样就会导致点击空白处modal也关闭了,可以采用如下方法:




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


解释:


backdrop 为 static 时,点击模态对话框的外部区域不会将其关闭。 keyboard 为 false 时,按下 Esc 键不会关闭 Modal

推荐阅读