bootstrap的模态框的坑

最新推荐文章于 2022-06-16 07:33:32 发布

bigface_girl

最新推荐文章于 2022-06-16 07:33:32 发布

阅读量660

点赞数

分类专栏： bootstrap 文章标签：模态框

本文链接：https://blog.csdn.net/bigface_girl/article/details/83305921

版权

bootstrap 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

使用模态框自定义关闭的几个错，页面左移，灰色背景仍然存在，页面滚动条消失。

最low的方法手动设置关闭

<body> 
<button class="btn btn-primary" type="button" onclick="show_modal()"> <i class="fa fa-plus"></i> 显示模态框</button>


<div class="modal fade" id="newP"  role="dialog">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
            </button>
         </div>
         <div class="modal-body">
                   
         </div>
         <div class="modal-footer">
             <button type="button" class="btn btn-default" data-dismiss="modal">关闭
             </button>
             <button type="button" class="btn btn-primary" onclick="close_p()">
                        提交
             </button>
         </div>
    </div>
  </div>
</div>
</body>
<script>
funtion show_modal(){
 $("#newP").modal("show");
}
function close_p(){
 $(".modal-backdrop").remove();
 $("body").removeClass('modal-open');
 $('body').css("overflow-y", "scroll");
 $('body').css("padding-right", "0px");
}

</script>

bigface_girl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap的模态框的坑

使用模态框自定义关闭的几个错，页面左移，灰色背景仍然存在，页面滚动条消失。最low的方法手动设置关闭&lt;body&gt; &lt;button class="btn btn-primary" type="button" onclick="show_modal()"&gt; &lt;i class="fa fa-plus"&gt;&lt;/i&gt;
复制链接

扫一扫

专栏目录