Question

bootstrap 模态框的关闭后，背景仍然是暗色的。

Answer 1

1.这个问题是两种写法不同造成的

第一种
$('#avatar-modal').modal('hide');
这种写法模态框会关闭，并背景恢复。

第二种
$('#avatar-modal').modal().hide();
这种写法，模态框会消失，但暗色背景仍然在。不能操作。
所以建议bootstrap相关语法，用第一种即可。

2.解决二级模态框关闭后，遮罩阴影依然存在，导致页面无法操作的BUG

在项目后台中由于需要展示二级模态框，在点击关闭二级模态框（弹出框）的时候出现了遮罩阴影依然存在，导致页面呈现暗灰色，无法操作的现象效果图如下：

出现改问题的原因是：由于点击“关闭”按钮或点击模态框右上角的“X”或点击模态框右边的空白处，会使两层或多层模态框同时关闭，但是modal自己生成的遮罩层只关闭了一个，其他的依然存在，因此导致遮罩阴影覆盖原有页面，导致无法操作页面。

解决问题的方法：（1）当最外层的modal关闭后，手动删除所有的遮罩层：$("#soldier-modal”).remove()

问题总结： 这些问题所涉及到的都是些前端的知识，是bootstrap中的模态框的应用。