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

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

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

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

                             （2）让modal一层一层关闭，避免出现一次关闭多层的情况 $("#soldier-modal").modal({show:true, backdrop:'static'});

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