解决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简单的点击返回顶部效果实现方法
Apr 10 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
Apr 30 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
JavaScript模拟push
Mar 06 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
vue.js单页面应用实例的简单实现
Apr 10 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
JS实现移动端双指缩放和旋转方法
Dec 13 Javascript
JS内置对象和Math对象知识点详解
Apr 03 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基础知识:控制结构
2006/12/13 PHP
Phpbean路由转发的php代码
2008/01/10 PHP
使用Apache的htaccess防止图片被盗链的解决方法
2013/04/27 PHP
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
laravel自定义分页效果
2017/07/23 PHP
PHP获取文件扩展名的常用方法小结【五种方式】
2018/04/27 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
菜鸟javascript基础资料整理2
2010/12/06 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
js实现格式化金额,字符,时间的方法
2015/02/26 Javascript
jQuery选择器源码解读(二):select方法
2015/03/31 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
JavaScript中setter和getter方法介绍
2016/07/11 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
2016/08/26 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
JS简单获取当前年月日星期的方法示例
2017/02/07 Javascript
JavaScript实现审核流程状态的动态显示进度条
2017/03/15 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
小程序最新获取用户昵称和头像的方法总结
2019/09/23 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
python多重继承新算法C3介绍
2014/09/28 Python
python实现计算倒数的方法
2015/07/11 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
商务英语应届生自我鉴定
2013/12/08 职场文书
九年级历史教学反思
2014/01/27 职场文书
个人批评与自我批评
2014/10/15 职场文书
活动宣传稿范文
2015/07/23 职场文书
人生哲理妙语30条:淡写流年,笑过人生
2019/09/04 职场文书