Question

我有一个模态窗口几乎立即加载和消失，

<ul>
    <li><a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">School Management Portal</a></li>
</ul>

<div class="modal fade in modal-dialog modal-content" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&amp;times;</button>

        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
    </div>

    <div class="modal-body">
        <h3>Modal Body</h3>
    </div>

    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button>
    </div>
 </div>
<script type="text/javascript">
  $('#myModal').modal('show')
</script>

为什么在modal('show')之后关闭这么快？

Answer 1

我相信这个

$('#myModal').modal('show');

应该是

$('#basicModal').modal('show');

因为那是你的模态id的{{1}}。

或者（但出于同样的原因），这个

div

可能是

<div class="modal fade in modal-dialog modal-content" id="basicModal"

我相信你只是在负载上看到它，它消失了，因为它还不可见。基本上，您的<div class="modal fade in modal-dialog modal-content" id="myModal"目前无法正常运作。

模态窗口显示非常简短

1 个答案: