解決bootstrap中modal遇到Esc鍵無法關閉頁面
來源:易賢網 閱讀:2184 次 日期:2015-03-11 11:56:17
溫馨提示:易賢網小編為您整理了“解決bootstrap中modal遇到Esc鍵無法關閉頁面”,方便廣大網友查閱!

Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷。不過在使用的過程中,我們還是會遇到各種小問題,今天我們探討的就是個人在使用中遇到的一個小BUG的修復。

bootstrap為我們提供了很多方便的頁面控件,modal就是其中之一。很多人在使用modal時遇到了esc鍵按下無法關閉的問題,即使顯式傳入keyboard選項也不生效。

$('#editFormItemModal').modal({show:true, keyboard:true});

此問題在2.1以后版本出現,要解決這個問題也很簡單,modal所在div添加一個tabindex屬性即可:

<div class="fade modal" tabindex="-1">

問題很簡單,修復起來也很簡單,希望對大家能夠有所幫助。

更多信息請查看IT技術專欄

更多信息請查看網絡編程
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網