Bootstrap禁止点击空白处关闭模态框
在项目中如果用到Bootstrap的话,自然离不开模态框,但是模态框会默认的点击空白处就会把模态框关闭,我们可能在实际应用中会禁止这种行为
$('#myModal').modal({backdrop: 'static', keyboard: false});
//backdrop:static时,空白处不关闭.
//keyboard:false时,esc键盘不关闭.
或者
在HTML页面中编写模态框时,在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”,即可。
Bootstrap模态框默认不可拖动,如果屏幕不适配模态框大小,容易造成用户使用不方便的问题。
$(document).on("show.bs.modal", ".modal", function(){
$(this).draggable();
$(this).css("overflow-y", "scroll");
// 防止出现滚动条,出现的话,你会把滚动条一起拖着走的
});