小编典典

在页面加载时启动Bootstrap Modal

javascript

我一点都不懂javascript。引导文档说

通过javascript调用模式:$(’#myModal’)。modal(options)

我不知道如何在页面加载时调用它。使用引导页面上提供的代码,我可以在元素单击时成功调用Modal,但是我希望它在页面加载时立即加载。


阅读 352

收藏
2020-05-01

共1个答案

小编典典

只需将要在页面加载时调用的模式包装在load文档头部的jQuery 事件内,它就会弹出,如下所示:

JS

<script type="text/javascript">
    $(window).on('load',function(){
        $('#myModal').modal('show');
    });
</script>

的HTML

<div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

您仍然可以通过以下链接来调用页面中的模式,方法是:

<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
2020-05-01