Question

我想知道是否有办法在页面加载时调用SimpleModal OSX对话框？我试过open jquery modal dialog on page load，但未能实现。

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

请帮忙。：）

谢谢！

<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

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

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

在加载DOM之后立即调用.ready()函数。如果这不起作用但单击你的按钮工作，我只能猜测代码的某些部分尚未加载，这对于对话框是必不可少的。

尝试查看从javascript中获得的错误。所有现代浏览器都可以帮助您实现这一目标。

Answer 2

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

        $(document).ready(function() {

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

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

2 个答案: