禁用 BootStrap Modal 点击空白时自动关闭

方法如下

$(‘#myModal‘).modal({backdrop: ‘static‘, keyboard: false});

这样就可以了，
backdrop 为 static 时，点击模态对话框的外部区域不会将其关闭。
keyboard 为 false 时，按下 Esc 键不会关闭 Modal。

时间： 2024-10-07 11:08:59

禁用 BootStrap Modal 点击空白时自动关闭的相关文章

禁用 BootStrap 模态框(Modal) 点击空白时自动关闭

在做项目的时候,来了这么一个需求,要求打开模态框后,点击空白的地方不让他自动关闭,只能点击关闭按钮才能关闭. 有了需求,就开始查找资料寻求解决的方法. 我找到的解决方法如下: $('#registCompany').modal({backdrop: 'static', keyboard: false}); 参数说明: backdrop 为 static 时,点击模态对话框的外部区域不会将其关闭. keyboard 为 false 时,按下 Esc 键不会关闭 Modal. 就这一行代码解决了我的

bootstrap modal垂直居中

使用过bootstrap modal(模态框)组件的人都有一种困惑, 好好的一个弹出框怎么就无法垂直居中了呢? 当然网上一些前辈也给出了不少答案, 感觉不太全而且针对的都是各自的项目难以给我等小白太直观的理解.因而手痒试试写个稍微完整点的解决方案, 作为总结及日后回顾之用. 项目中的bootstrap版本是3.X , 作为项目后台使用. 在项目进行过程中遇到组件弹出框无法垂直居中,示例demo代码如下: <!DOCTYPE html> <html> <head> <

bootstrap modal 垂直居中对齐

bootstrap modal 垂直居中对齐文章参考 http://www.bubuko.com/infodetail-666582.html http://v3.bootcss.com/JavaScript/#modals Html代码 <div class="modal fade" id="sqh_model"> <div class="modal-dialog"> <div class="mod

在bootstrap modal 中加载百度地图的信息窗口失效解决方法

这个问题其实很傻,解决方法没有任何技术含量,只是记录下工作中发生的事. 前阵子给一个汽车集团客户做了一个经销商查询系统,其中一个功能是使用地图标注经销商店面地址,并且实现导航功能. 页面演示地址:http://www.lyytqm.com/Dealerships 点击地址区域在模态窗口中显示百度地图,并在地图中标注点位,显示窗口信息,但信息窗口展示的信息频繁失效,仅显示名称. 更换了各种加载数据方式不能解决,在蹲厕所时想到了原因,即可给出解决方法. 原因是bootstrap modal 以及动画

【转】Android点击空白区域，隐藏输入法软键盘

原文网址:http://www.2cto.com/kf/201505/401382.html 很多时候,我们在使用应用时,会出现输入法软键盘弹出的问题,通常情况下,我们默认会使用户点击返回键或者下一步对软键盘进行隐藏.为了更好的体验,我们可以实现当用户使用完毕软键盘时.点击空白区域即可实现隐藏的功能.效果如图所示: 代码实现代码块语法遵循标准markdown代码,例如: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

Android修行笔记(六): GridView点击空白地方事件扩展

我们通常在ListView或者GridView响应点击Item事件,但很多时候我们同样也希望监听到点击空白区域的事件来做更多的处理.本文以GridView为例给出一个实现的方法,扩展GridView并可作为通用控件使用.ListView的实现应该也大同小异好吧,原来之前写过另外一篇,不过监控的是ACTION_UP事件,但这篇更加通用代码比较简单,先贴代码再做下解释 public class MyGridView extends GridView { public interface On

EditBox注册返回键和点击空白返回时候输入内容不能写入游戏

EditBox返回键只隐藏虚拟键盘,并不能把输入的内容写入游戏,什么都不能做了,体验感好差. Cocos2d-x在Android手机上运行apk时,有一堆Java文件(\runtime-src\proj.android\src\org\cocos2dx\lib) 1. 找到Cocos2dxEditBoxDialog.java文件 2.导入事件机制 import android.view.View.OnClickListener; --复制到44行后. 3.实现OnClickListener接

GridView点击空白地方事件扩展

为GridView添加点击空白地方的响应函数

GridView为我们提供了 OnItemClickListener, 不过有时候我们需要获取用户点击空白区域的事件来做某些操作. 比如类似微信群管理界面里边,在删除成员状态时可以点击空白区域取消当前操作状态.而不巧的是这个很基本的功能 SDK没直接提供,网上也很少能搜到资料,于是我就扩展了一个出来. 首先你使用一个自定义的类,如 public class MyGridView extends GridView ,然后添加以下代码即可 public interface OnTouchBlankP