bootstrap模态框嵌套问题

最新推荐文章于 2024-05-10 16:24:44 发布

等待戈多啊

最新推荐文章于 2024-05-10 16:24:44 发布

阅读量590

点赞数

文章标签： bootstrap css javascript

本文链接：https://blog.csdn.net/qq_41157351/article/details/122110882

版权

问题：父级模态框点击弹出子模态框的时候，遇到一个问题：关闭子模态框后，准备继续操作父级模态框，发现滚动条失效（此时滚动条滚动的是主界面）
解决办法：

//模态框关闭的时候回触发事件
$("#secondModal").modal("hide");

//我们可以监听该事件"hidden.bs.modal"
$("#secondModal").on("hidden.bs.modal", function () {
  //输入这行代码的由来，我们可以看一个对比
  $('body').addClass('modal-open')
});

在这里插入图片描述

从对比图我们可以看出，模态框打开的时候，会给body添加一个modal-open的类。bootstrap可能就是通过这个类对模态框样式进行控制的