模態框（modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自乙個單獨的源的內容，可以在不離開父窗體的情況下有一些互動。子窗體可提供資訊、互動等。bootstrap的模態框在預設情況下，點選其他空白區域（通常是遮罩層），模態框會被關閉，那麼以下方法就是禁止點選其他區域關閉模態框。
$('#mymodal').modal();
backdrop:static時,空白處不關閉.
keyboard:false時,esc鍵盤不關閉.
上述**也用於開啟模態框。
也可以使用以下方法：
nibrfxmodal" id="mymodal" tabindex="-1" role="dialog" aria-labelled程式設計客棧by="mymodallabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
程式設計客棧odal-header">
提示資訊
投標成功！
這裡的data-backdrop="static"指定乙個靜態的背景，當使用者點選模態框外部時不會關閉模態框。而data-keyboard是指當按下 escape 鍵時關閉模態框，設定為 false 時則按鍵無效。
如果大家還想深入學習，可以點選這裡進行學習，再為大家附3個精彩的專題：
bootstrap學習教程
bootstrap實戰教程
bootstrap外掛程式使用教程
本文標題: bootstrap模態框禁用空白處點選關閉
本文位址: /ruanjian/j**a/167033.html
Bootstrap模態框Modal外掛程式
前提是要引入bootstrap.min.js modal 是覆蓋在父窗體上的子窗體。通常，目的是顯示來自乙個單獨的源的內容，可以在不離開父窗體的情況下有一些互動。子窗體可提供資訊 互動等。1.先定義乙個按鈕 data toggle 以什麼事件觸發，如modal,popover,tooltips等 d...
Bootstrap模態框簡單使用
專案中遇到，記錄一下。引入bootstrap的js和css就可以，官網有就不寫了 html modal fade id my modal tabindex 1 role dialog aria labelledby mymodallabel1 aria hidden true modal dialo...
Bootstrap模態框使用詳解
一.模態框的正常點選出現，如新增功能 新增 二.還有一種就是編輯，此時在彈出模態框時，裡面要寫入資料，所以要先取得資料再彈出模態框。這時要加入js 控制 1.jsp頁面 修改2.js 修改使用者 將使用者資訊寫入模態框 function updatesystemuser else dialog.mo...