解決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)文章
js 日期對象的一些方法總結(jié)2009-05-05
詳解JavaScript如何實現(xiàn)更短時間的延時函數(shù)
在項目開發(fā)中,經(jīng)常能遇到需要延時執(zhí)行的需求,比如實現(xiàn)一個定時器功能,本文主要和大家介紹了JS如何實現(xiàn)更短時間的延時函數(shù),需要的可以參考下2024-03-03
這篇文章主要介紹了微信小程序用戶登錄和登錄態(tài)維護的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要向大家推薦了一個原生js模擬淘寶購物車項目實戰(zhàn)，包括商品的單選、全選、刪除、修改數(shù)量、價格計算、數(shù)目計算、預(yù)覽等功能的實現(xiàn)，感興趣的小伙伴們可以參考一下2015-11-11
JavaScript清除所有(多個)定時器的方法實戰(zhàn)案例
定時器就是由JS提供了一些原生方法來實現(xiàn)延時去執(zhí)行某一段代碼,下面這篇文章主要給大家介紹了關(guān)于JavaScript清除所有(多個)定時器的方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
這篇文章主要為大家詳細(xì)介紹了javascript全局自定義鼠標(biāo)右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了如何在postman中添加cookie信息,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
用js來生成隨機彩票號碼清單...2007-02-02
深拷貝和淺拷貝是在JavaScript中復(fù)制對象或數(shù)組時經(jīng)常遇到的概念,下面這篇文章主要給大家介紹了關(guān)于JS實現(xiàn)深拷貝的幾種簡單方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
這篇文章主要介紹了JavaScript 隨機驗證碼的生成實例代碼的相關(guān)資料,需要的朋友可以參考下2016-09-09