解決bootstrap的modal使用Esc鍵無法關閉頁面問題

antzone發表於2017-04-03
boot

Bootstrap是基於 HTML、CSS、javascript 的，它簡潔靈活，使得Web開發更加快捷。

不過在使用的過程中，還是會遇到各種小問題，今天就來解決一個比較常見的問題。

在使用modal時遇到了esc鍵按下無法關閉的問題，即使顯式傳入keyboard選項也不生效。

[JavaScript] 純文字檢視 複製程式碼
$('#editFormItemModal').modal({show:true, keyboard:true});

此問題在2.1以後版本出現，要解決這個問題也很簡單，modal所在div新增一個tabindex屬性即可：

[HTML] 純文字檢視 複製程式碼
<div class="fade modal" tabindex="-1">

相關文章