模式窗口显示得非常简短

Modal window displays very briefly

本文关键字：非常 窗口 显示 模式      更新时间：2023-09-26

我有一个模式窗口，它几乎立即加载并消失，

<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')之后关闭得如此之快？

我相信这个

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

应该是

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

因为这是模态div的id。

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

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

可能是

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

我相信你只是看到它在加载，它消失了，因为它还不可见。基本上，您的show()当前不起作用。

相关文章：