Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
来源:互联网 发布:软件测试方案模板 编辑:程序博客网 时间:2024/06/06 04:52
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"); // 防止出现滚动条,出现的话,你会把滚动条一起拖着走的});
阅读全文
0 0
- Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
- BootStrap 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭
- bootstrap 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭
- Bootstrap框架 模态框插件 禁止点击空白处关闭模态框事件
- BootStrap 模态框禁用ESC关闭、禁用点击空白处关闭
- BootStrap 模态框禁用ESC关闭、禁用点击空白处关闭
- 禁止bootstrap 静态弹窗点击空白处关闭
- Bootstrap 模态框在点击页面空白处关闭
- BootStrap 3 模态框禁用空白处点击关闭
- 阻止Bootstrap 模态框在点击页面空白处关闭方法
- bootstrap 监听点击关闭事件以及禁用空白处点击自动关闭
- (礼拜三log)前端开发,c foreach 标签 & 点击空白处时禁止Bootstrap模态框消失 & javascript的DFS算法
- 关于bootstrap 弹窗——点击空白处禁止关闭弹窗
- bootstrap 模态框显示时点击遮罩层禁止关闭,点击按钮时关闭模态框。
- bootstrap 禁用 modal 点击空白处关闭事件
- vue单页路由跳转后scrollTop问题
- KAFKA 1.0 文档(五):生产者配置
- 第一个Node程序
- 多线程 锁 synchronized 的使用
- 进度条BJ
- Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
- Unable to parse template "Class" Error message: This template did not produce a Java class or an int
- 网络图片加载Image-Universal-Loader
- WCF如何将发布的svc中的wsdl的计算机名改成IP
- 48 个 JavaScript 代码片段,仅需 30 秒就可理解
- @RequestMapping 用法详解之地址映射(转)
- 20171213.4
- Genymotion的安装与使用(附百度云盘下载地址,全套都有,无需注册Genymotion即可使用)
- Android常见的图片处理的开源框架