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，但我不明白，因为我几天前开始学习网页设计。

basic.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()

Answer 2

试试这个：

<script>
function openModal() 
{
    $('#basic-modal-content').modal();
}
</script>

<body onload="openModal();"></body>

在页面加载时启动simplemodal

2 个答案: