引导模式不会显示网页加载 [英] Bootstrap modal not showing on page load

问题描述

我尝试在网页载入时显示引导模式，例如

i am trying to show a bootstrap modal on page load like this

    <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>

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

There comes a black overlay on the whole page when page loads but modal window does not display

编辑：

我试过 $ （function（）{}）;但是也不做任何事情

i tried $(window).load(function (){ });but that also does nothing

推荐答案

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

Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3

这篇关于引导模式不会显示网页加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！