今天遇到了个很灵异的问题,写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"); } });
最后附上我当时看的链接:
微信扫码查看本文
发表评论