Question

我试图在页面加载时显示一个自举模式，如此

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.js"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){                  
          $('#mapModal').modal('show'); 
        });
    </script> 

  <div id="mapModal" class="modal fade" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Seller Location</h4>
    </div>
    <div class="modal-body">
      Some content 
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>
</div>

页面加载时整个页面出现黑色覆盖，但模态窗口不显示

修改：

我试过$(window).load(function (){ });but that also does nothing

Answer 1

尝试使用较低版本的jQuery。

未捕获错误：Bootstrap的JavaScript需要jQuery 1.9.1或更高版本，但是低于版本3

Answer 2

我得到了你的错误解决方案，你只需使用bootstrap verion 3.3.1

使用：

CSS： - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css

JS - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js

和Jquery版本 - code.jquery.com/jquery-1.11.1.min.js

Bootstrap模式未在页面加载时显示

2 个答案: