在页面加载时启动引导模式

小编典典

在页面加载时启动引导模式

all

我根本不懂 JavaScript。Bootstrap 文档说

通过 JavaScript 调用模态：$('#myModal').modal(options)

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

阅读 22

2022-05-13

共1个答案

小编典典

只需将要在页面加载时调用的模式包装在load文档头部的 jQuery 事件中，它应该会弹出，如下所示：

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

2022-05-13