在bootstrap中多层modal叠加导致页面无法滚动的问题

为什么80%的码农都做不了架构师？>>>   

今天做modal open modal的时候遇到了，子modal无法滚动的问题，查资料解决后，总结一下：

解决方法很简单，如果想要在子modal关闭后，父modal可以正常滚动，只需要在子modal的窗口关闭事件中加入

childModal.on("hidden.bs.modal", function () {
    $('body').addClass('modal-open');
});

这样还有一个问题就是页面重新加载，页面中的数据会丢失，所以还需要再重新加载数据。

如果想要子modal在打开时，就可以正常滚动，只需要在子modal窗口的打开事件中加入

childModal.on("show.bs.modal", function () {
     setTimeout(function(){
        $('body').addClass('modal-open');
    },500);      
})

 

转载于:https://my.oschina.net/sucre/blog/1928106