bootstrap 解決彈出窗口(modal) 常見問題


無法使用鍵盤esc關閉窗口方法:

首先在modal容器的div中增加屬性tabindex="-1",其次設置鍵盤ESC屬性keyboard為true;

方法1:使用js打開窗口時 $(“#modal”).modal({keyboard:true})

方法2:使用H5屬性在modal窗口的div中增加data-keyboard=”true”;

 

點擊彈出框(modal)外空白處會關閉彈出窗口(modal):

使用backdrop屬性,如果希望有背景則將其設置為“static”,不要背景顏色則設置為“false”

方法1:使用js打開窗口時 $(“#modal”).modal({backdrop:’static’})

方法2:使用H5屬性在modal窗口的div中增加data-keyboard=”static”;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM