javascript - Bootstrap模态框只显示遮罩层不显示对话框

问题描述

问 题

RT: 开始没有问题，现在只显示遮罩层，而不显示对话框了，控制台没有任何报错
但是页面其它的模态框正常，怀疑是样式冲突，删除其它模态框后，还是不显示

        ------- html -------
        <div id="update-win" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="update-win-label" aria-describedby="添加或修改对话框">
            <div class="modal-dialog modal" role="document">
                <div class="modal-content">
                      <div class="modal-header">
                        <h5 class="modal-title" id="update-win-label">对话框</h5>
                      </div>
                      <div class="modal-body">
                           
                      </div>
                      <div class="modal-footer">
                        <button id="btn-save" type="button" class="btn btn-success btn-sm">保存</button>
                        <button id="btn-close" type="button" class="btn btn-default btn-sm">关闭</button>                
                      </div>
                </div>
              </div>
        </div>

        ------- js -------
        $(function(){
            $('#update-win').modal('show');
        });

解决方案

.modal-dialog 那个div的 modal 去掉

这篇关于javascript - Bootstrap模态框只显示遮罩层不显示对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！