多层Modal关闭上层导致下层无法出现滚动的问题
BootStrap中关于模态框(modal.js)中的定义和说明
在介绍的时候已说明不能同时使用多个模态框,不然就需要自己写代码实现。
问题的出现
在做项目的时候,由于功能的实现需要使用两层的modal来实现,在使用过程中出现了顶层modal关闭之后,无法实现右侧滚动的功能了。最终经过研究摸索,发现在顶层modal关闭后,其中document.body的缺少了class=“modal-open”。
解决
因此使用modal在关闭的会触发hidden.bs.modal事件的功能,在顶层modal关闭的时候将class添加进去。
// An highlighted block
$('#id').on("hidden.bs.modal",function(){
$(document.body).addClass("modal-open");
});
最终解决了问题。