Memory River

记忆河,记今日之事忆往昔之流

bootstrap的modal模态框点击遮罩层不会关闭modal弹窗

Rickey  \  2019-07-25 17:00:43

bootstrap提供了一个很好看很好用的模态弹窗modal


modal的弹出关闭方法如下:

$('#id').modal('show');
$('#id').modal('hide');

但是点击背景就会关闭modal,现在做的效果要求除非用户点击“取消”按钮才会关闭modal,否则不会关闭。

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

或者直接在模态弹窗的div上设置以下属性,也可以达到点击遮罩层不关闭。keyboard:false时,esc键盘不关闭。

data-backdrop="static" data-keyboard="false"backdrop:static


官方使用api文档:https://getbootstrap.com/docs/4.0/components/modal/

标签: bootstrapmodal
地址: http://wchuf.com/article/adt/4a958d2d3d6a465198531f777208c5b3.html
声明: 本文为原创文章,版权归本站所有,欢迎分享本文,转载请保留出处!
  583         0         0
Rickey
人,可以无傲气,但不可以无傲骨。

YOU MIGHT ALSO LIKE

0 COMMENTS
想对博主说些什么?