解決bootstrap中modal遇到Esc鍵無法關(guān)閉頁面
更新時間：2015年03月09日 08:56:01 投稿：hebedich
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。不過在使用的過程中，我們還是會遇到各種小問題，今天我們探討的就是個人在使用中遇到的一個小BUG的修復(fù)。
bootstrap為我們提供了很多方便的頁面控件，modal就是其中之一。很多人在使用modal時遇到了esc鍵按下無法關(guān)閉的問題，即使顯式傳入keyboard選項也不生效。
$('#editFormItemModal').modal({show:true, keyboard:true});
此問題在2.1以后版本出現(xiàn)，要解決這個問題也很簡單，modal所在div添加一個tabindex屬性即可：
<div class="fade modal" tabindex="-1">
問題很簡單，修復(fù)起來也很簡單，希望對大家能夠有所幫助。
您可能感興趣的文章:
- 如何使用Bootstrap的modal組件自定義alert，confirm和modal對話框
- Bootstrap每天必學(xué)之模態(tài)框（Modal）插件
- Bootstrap模態(tài)框(modal)垂直居中的實例代碼
- Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解
- Bootstrap Modal遮罩彈出層(完整版)
- Bootstrap Modal對話框如何在關(guān)閉時觸發(fā)事件
- BootStrap modal模態(tài)彈窗使用小結(jié)
- 淺析BootStrap中Modal（模態(tài)框）使用心得
- Bootstrap modal使用及點擊外部不消失的解決方法
- 整理關(guān)于Bootstrap模態(tài)彈出框的慕課筆記
相關(guān)文章
需要腳本在客戶端判斷大小和文件類型，由于網(wǎng)上沒有適合的，就自己寫了一個并測試 文件上傳大小限制的一個例子，在此與大家分享下2013-11-11
俄羅斯方塊方塊是小時候的一個回憶，從最開始的掌上的黑白游戲機，到電視游戲機，到電腦，無不有它的痕跡，今天我們來一起重溫它的一種實現(xiàn)方法，也算是整理一下我的思路吧，感興趣的小伙伴一起學(xué)習(xí)吧2015-11-11
JavaScript最全公共方法匯總并解析（前端開發(fā)收藏必備）
JavaScript掌握各種常用的公共方法更是提升開發(fā)效率和代碼質(zhì)量的關(guān)鍵,無論你是初學(xué)者還是資深開發(fā)者,了解并熟練運用這些方法都能讓你的代碼更加簡潔、高效,本篇博客將為你詳細匯總并解析最全的JavaScript公共方法,涵蓋數(shù)組、對象、字符串、日期等各個方面的常用技巧2024-06-06
制作網(wǎng)頁的過程中，你有時候需要知道某個元素在網(wǎng)頁上的確切位置。2009-09-09
靜態(tài)頁面下用javascript操作ACCESS數(shù)據(jù)庫(讀增改刪)的代碼
[紅色]靜態(tài)頁面下用javascript操作ACCESS數(shù)據(jù)庫(讀增改刪)的代碼...2007-05-05
用jscript實現(xiàn)獲取登錄時間的腳本2008-05-05
用JS實現(xiàn)網(wǎng)頁元素陰影效果的研究總結(jié)
用JS實現(xiàn)網(wǎng)頁元素陰影效果的研究總結(jié)...2007-08-08
盡管DOM帶來了動態(tài)修改文檔的能力，但對開發(fā)人員來說，這還不夠。IE4.0為所有的元素引入了兩個特性，以更方便的進行文檔操作，這兩個特性是innerText和innerHTML。2009-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)使用POST方式發(fā)送請求，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08
canvas實現(xiàn)簡易的圓環(huán)進度條效果
本文主要分享了canvas實現(xiàn)簡易的圓環(huán)進度條效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02