模态窗口显示很简单

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'); 

因为那是你的模式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()目前不起作用。