多层Modal关闭上层导致下层无法出现滚动的问题

多层Modal关闭上层导致下层无法出现滚动的问题

BootStrap中关于模态框(modal.js)中的定义和说明

我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

   在介绍的时候已说明不能同时使用多个模态框,不然就需要自己写代码实现。

问题的出现

在做项目的时候,由于功能的实现需要使用两层的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");
   });

最终解决了问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值