javascript - 在页面加载时启动 simplemodal

Question

我正在编写一个小网页，我想在加载页面时启动 simplemodal。

现在我在正文中有这段代码

<div id='container'>
    <div id='content'>
        <div id='basic-modal'>
            <input type='button' name='basic' value='Open' class='basic'/>
        </div>

        <!-- modal content -->
        <div id="basic-modal-content">
            <h3>Random Text in the SompleModal box.</h3>

        </div>
    </div>
</div>

您可以看到该按钮作为输入，当我单击它时，会弹出框并显示文本。

这里还有basic.js，但是我看不懂，因为我几天前开始学习网页设计。

基本.js

jQuery(function ($) {
    // Load dialog on page load
    //$('#basic-modal-content').modal();

    // Load dialog on click
    $('#basic-modal .basic').click(function (e) {
        $('#basic-modal-content').modal();

        return false;
    });
});

还包括这些文件。

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>

我读到可以使用 onLoad 或在 jscript .ready 中，但我不知道如何使用。

Answer 1

使用$(document).ready()函数:

$(document).ready(function() {
   // Any thing in here will execute when the DOM has finished loading
   $('#basic-modal-content').modal();
});

jQuery Docs for .ready()