解决bootstrap中modal遇到Esc键无法关闭页面


Posted in Javascript onMarch 09, 2015

bootstrap为我们提供了很多方便的页面控件,modal就是其中之一。很多人在使用modal时遇到了esc键按下无法关闭的问题,即使显式传入keyboard选项也不生效。

$('#editFormItemModal').modal({show:true, keyboard:true});

此问题在2.1以后版本出现,要解决这个问题也很简单,modal所在div添加一个tabindex属性即可:

<div class="fade modal" tabindex="-1">

问题很简单,修复起来也很简单,希望对大家能够有所帮助。

Javascript 相关文章推荐
js获得鼠标的坐标值的方法
Mar 13 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
wap图片滚动特效无css3元素纯js脚本编写
Aug 22 Javascript
实现前后端数据交互方法汇总
Apr 07 Javascript
JavaScript中pop()方法的使用教程
Jun 09 Javascript
javascript闭包(Closure)用法实例简析
Nov 30 Javascript
js console.log打印对像与数组用法详解
Jan 21 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
Vue生命周期示例详解
Apr 12 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
浅析vue中常见循环遍历指令的使用 v-for
Apr 18 Javascript
vue 自定义组件的写法与用法详解
Mar 04 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 #Javascript
JS实现文件动态顺序载入的方法
Mar 07 #Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 #Javascript
PHP守护进程实例
Mar 06 #Javascript
JavaScript操作Oracle数据库示例
Mar 06 #Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 #Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 #Javascript
You might like
超级简单的php+mysql留言本源码
2009/11/11 PHP
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法
2013/04/26 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
javascript闭包的高级使用方法实例
2013/07/04 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
javascript常用代码段搜集
2014/12/04 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
Node.js中的缓冲与流模块详细介绍
2015/02/11 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
React Native 截屏组件的示例代码
2017/12/06 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
vue 实现websocket发送消息并实时接收消息
2019/12/09 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
python万年历实现代码 含运行结果
2017/05/20 Python
Python中int()函数的用法浅析
2017/10/17 Python
Python for循环与getitem的关系详解
2020/01/02 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
新闻学毕业生自荐信
2013/11/15 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
教师个人事迹材料
2014/12/17 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
Python爬取某拍短视频
2021/06/11 Python
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android
基于Python实现对比Exce的工具
2022/04/07 Python
Python中的 enumerate和zip详情
2022/05/30 Python