【代码】BootBox.js多个窗体滚动失效问题的解决

2022-02-10 17:14:26  阅读 2845 次 评论 0 条

今天遇到了个很灵异的问题,写bootbox.js的网页项目的时候,网页上面开了多个页面,当我关闭了最上面一层页面的时候,滑动居然失效了。查了好久,发现是在body上面的一个叫modal-open的class被干掉了,所以各种Google,找到了解决方案

原理是在页面加载的时候,监听一个事件,这个事件叫hidden.bs.modal,然后去判断是否有窗体,如果有的话,就给body重新赋上一个叫modal-open的class

直接上代码:

$(document).on('hidden.bs.modal', ".my-modal", function () {
        if ($(".my-modal.in").length > 0) {
            $("body").addClass("modal-open");
        }
    });


最后附上我当时看的链接:

https://stackoverflow.com/questions/41891012/bootbox-modal-is-not-scrollable-after-a-second-modal-is-opened


微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=2192
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?