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

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

这篇关于Bootstrap禁止点击空白处关闭模态框以及模态框的拖动的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---