jquery - 如何在页面加载时调用 SimpleModal OSX 对话框？

Question

我想知道是否有办法在页面加载时调用 SimpleModal OSX 对话框？我尝试在页面加载时打开 jquery 模态对话框，但无法实现。

目前，在单击按钮/链接时调用该对话框。我想在页面加载时调用它。

请帮忙。:)

谢谢！

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

<input type='button' name='osx' value='Demo' class='osx demo'/> or <a href='#' class='osx'>Demo</a>

<div id="osx-modal-content">
  <div id="osx-modal-data">
    <h2>Hello! I'm SimpleModal!</h2>
    <p><button class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p>
  </div>
</div>

Answer 1

您应该在这部分将该代码添加到 osx.js 脚本中：

        $(document).ready(function() {

            $("#osx-modal-content").modal({
                overlayId: 'osx-overlay',
                containerId: 'osx-container',

Answer 2

这部分取自您引用的问题应该可以解决问题：

$(document).ready(function(){
    $("#osx-modal-content").modal();
});

该.ready()函数在 DOM 加载后立即调用。如果这不起作用但单击您的按钮有效，我只能猜测代码的某些部分尚未加载，这对于对话框至关重要。

尝试查看从 javascript 中得到的错误。所有现代浏览器都允许您这样做。