Bootstrap,來(lái)自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡(jiǎn)潔靈活,使得 Web 開發(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ì)大家能夠有所幫助。
更多信息請(qǐng)查看IT技術(shù)專欄