Bootstrap禁止点击空白处关闭模态框以及模态框的拖动

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");   
    // 防止出现滚动条，出现的话，你会把滚动条一起拖着走的
});