解决bootstrap中modal遇到Esc键无法关闭页面
2015-03-09 00:00
633 查看
bootstrap为我们提供了很多方便的页面控件,modal就是其中之一。很多人在使用modal时遇到了esc键按下无法关闭的问题,即使显式传入keyboard选项也不生效。
$('#editFormItemModal').modal({show:true, keyboard:true});
此问题在2.1以后版本出现,要解决这个问题也很简单,modal所在div添加一个tabindex属性即可:
<div class="fade modal" tabindex="-1">
问题很简单,修复起来也很简单,希望对大家能够有所帮助。
$('#editFormItemModal').modal({show:true, keyboard:true});
此问题在2.1以后版本出现,要解决这个问题也很简单,modal所在div添加一个tabindex属性即可:
<div class="fade modal" tabindex="-1">
问题很简单,修复起来也很简单,希望对大家能够有所帮助。
相关文章推荐
- 解决bootstrap中modal遇到Esc键无法关闭页面
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器 点击关闭弹窗 出现第二次无法加载的问题
- Esc键无法关闭modal页面
- Bootstrap Modal 关闭时右侧滚动条消失,页面左移的解决方法
- 『PHP』UTF8编码页面存入GBK数据时使用iconv遇到无法转码的字符时中断内容丢失及解决方法
- THINKPHP开启\'SHOW_PAGE_TRACE\'报错,关闭后无法显示页面的解决
- 页面js遇到乱码问题的解决方法是和无法转码的情况
- 页面js遇到乱码问题的解决方法是和无法转码的情况
- html页面局部加载所带来的事件重复绑定解决办法bootstrap+summernote遇到的问题
- bootstrap前端框架使用modal弹出框form表单submit操作后解决页面提示不显示
- Bootstrap modal 多弹窗之叠加实现ESC快捷键关闭窗口
- Jenkins遇到问题一:jenkins配置权限不对导致无法登陆或者空白页面解决办法
- jQueryUI modal dialog does not show close button (x) JQueryUI和BootStrap混用时候,右上角关闭按钮显示不出图标的解决办法
- bootstrap多层modal弹窗同时关闭的解决办法
- 解决二级模态框关闭后,遮罩阴影依然存在,导致页面无法操作的BUG
- 解决:浏览页面时,出现"WebDev.WebServer.exe 遇到问题需要关闭。我们对此引起的不便表示抱歉。"问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- centos7 安装nginx和php5.6.25遇到 无法访问php页面 报错file not found 问题解决
- 在bootstrap中多层modal叠加导致页面无法滚动的问题
- bootstrap打开模态modal窗口引起页面抖动解决办法