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