Bootstrap 模态框在点击页面空白处关闭

最新推荐文章于 2024-03-26 08:54:45 发布
最新推荐文章于 2024-03-26 08:54:45 发布
阅读量4.7k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/john1337/article/details/53502362
版权

近期在使用bootstrap-dialog插件，在使用时发现通过modal('show')显示的对话框可以在点击页面空白处关闭，也就是不是模态对话框，这不是预期的效果，搜索之后发现只需进行下面设置即可完成模态对话框效果：

<div id="modal-form-result" class="modal" tabindex="-1" aria-hidden="true" data-backdrop="static">

PolarisHuster
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Bootstrap模态框禁用空白处点击关闭
11-28
bootstrap的模态框在默认情况下，点击其他空白区域（通常是遮罩层），模态框会被关闭，那么以下方法就是禁止点击其他区域关闭模态框。 $(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); backdrop:...
BootstrapDialog点击空白处禁止关闭
weixin_30478619的博客
08-18 359
在乐学一百的项目当中引用到了BootstrapDialog，其中后台发送短信时，为了防止管理员编辑了半天的短息，突然间因为点击某个空白区域导致丢失，所以在此禁用掉点击空白关闭弹出框。主要属性为： closable: false, 1 BootstrapDialog.show({ 2　　 title: '一键群发', 3　　 message: html, 4 　　type: Bo...
bootstrap的 modal禁用空白关闭事件
weixin_42231823的博客
04-23 364
backdrop 为 static 时，点击模态对话框的外部区域不会将其关闭。keyboard 为 false 时，按下 Esc 键不会关闭 Modal。在使用bootstrap的 modal 时候,在弹出的modal 后，点击空白处时 modal也关闭了。进行关闭，那么这样就会导致点击空白处modal也关闭了。
关闭bootstrap模态框的方法
最新发布
Candy_672328094的博客
03-26 171
在里面又新增了其他按钮（一个提交按钮），然后我就在想提交后怎么关闭模态框，最后尝试在button中添加和它的预设按钮一样的data-dismiss="modal"属性，幸运的是，成功关闭了模态框。昨天写vue的时候用了一下bootstrap的模态框。
Bootstrap 模态框在用户点击背景空白处时会自动关闭
a2621488456的博客
01-15 250
HTML页面中编写模态框时，在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”，即可。 需要显示模态框，初始化时，$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false});其中 ，backdrop：’static’指的是点击背景空白处不被关闭；keyboard:fa...
bootstrap 模态框禁用空白处点击关闭
z_qifa的博客
07-03 410
bootstrap 3 模态框为信息编辑窗口,默认点击空白处会自动关闭，但是有的时候这个功能需要关闭，比如编辑信息，一不小心点击了空白处，那就要重新编辑了。 bootstrap 3 模态框禁用空白处点击关闭$('#myModal').modal({backdrop: 'static', keyboard: false});backdrop:static时,空白处不关闭.keyboard:fals
阻止Bootstrap 模态框点击背景空白处自动关闭
zjuwwj的博客
12-27 4122
问题描述模态框点击空白处，会自动关闭，怎么阻止关闭事件呢？解决方法在HTML页面中编写模态框时，在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”，即可。 <!-- 模态框（Modal） --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidd
bootstrap模态框点击空白处模态框不消失、监听模态框打开还是关闭
lml_little的博客
08-05 1万+
1.在div上添加 aria-hidden="true"   属性 aria-hidden="true" 用于保持模态窗口不可见，直到触发器被触发为止（比如点击在相关的按钮上）。 data-show="false"   data-show当初始化时显示模态框。 2.添加js $('#myModal').modal({backdrop: 'static
Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
Leon的博客
12-20 3992
Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
Bootstrap Modal在空白处点击会关闭的解决方法
easyboot的专栏
03-20 1158
<button class="btn btn-primary btn-bg margin" data-toggle="modal" data-target="#modalInput" data-backdrop="static" id="btnAdd">登记</button> data-backdrop="static" 这个...
BootStrap 模态框实现刷新网页并关闭功能
08-31
主要介绍了BootStrap 模态框实现刷新网页并关闭的功能，实现方法简单易懂,需要的朋友可以参考下
Bootstrap 模态框自定义点击和关闭事件详解
10-18
今天小编就为大家分享一篇Bootstrap 模态框自定义点击和关闭事件详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
08-29
主要介绍了BootStrap点击保存后实现模态框自动关闭的思路(模态框),需要的朋友可以参考下
禁用 BootStrap Modal 点击空白时自动关闭
lijunlinlijunlin的专栏
06-25 4127
转载自：http://www.phperz.com/article/14/1228/43418.html Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstra
禁用 Bootstrap 模态框(Modal) 点击空白时自动关闭
NRGAGA的专栏
09-03 801
https://www.cnblogs.com/godlovelian/p/4530342.html $('#registCompany').modal({backdrop: 'static', keyboard: false});   参数说明： 　　backdrop 为 static 时，点击模态对话框的外部区域不会将其关闭。 　　keyboard 为 false 时，按下 Esc ...
js bootstrap modal 点击空白 不自动关闭
wyk304443164的专栏
05-23 1485
本文出自： http://blog.csdn.net/wyk304443164 js：$('#registCompany').modal({backdrop: 'static', keyboard: false});参数说明： 　　backdrop 为 static 时，点击模态对话框的外部区域不会将其关闭。 　　keyboard 为 false 时，按下 Esc 键不会关闭 Modal。引用
关于bootstrap 弹窗——点击空白处禁止关闭弹窗
fly_away5的博客
07-12 3249
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
Bootstrap 模态框避免点击背景处关闭
热门推荐
Vision
06-08 3万+
问题： Bootstap 模态框在用户点击背景空白处时，会自动关闭。解决方法： 在HTML页面中编写模态框时，在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”，即可。 在需要显示模态框，初始化时，$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 其中 ，backdrop
BootStrap 模态框禁用空白处点击关闭
05-27
要禁用 Bootstrap 模态框空白处点击关闭，可以使用以下方法： 1. 使用 data-backdrop="static" 属性，在模态框 div 中添加该属性，这会阻止用户通过空白处点击关闭模态框。 ``` <!-- 模态框内容 --> ``` 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值