bootstrap 解决弹出窗口(modal) 常见问题

标签：弹出框   data-   dal   dex   modal   bootstrap   解决   容器   boot   

无法使用键盘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”；

bootstrap 解决弹出窗口(modal) 常见问题

标签：弹出框   data-   dal   dex   modal   bootstrap   解决   容器   boot   

原文地址：http://www.cnblogs.com/zhaochengshen/p/7079808.html