如何将此 SimpleModal 设置为 onLoad？答案

【问题标题】：How Do I make this SimpleModal to onLoad?如何将此 SimpleModal 设置为 onLoad？
【发布时间】：2010-08-06 07:13:09
【问题描述】：

如何使这个 SimpleModal 脚本在页面加载而不是单击按钮时加载？谢谢=)

<a href='#' class='basic'>Demo</a>
</div>

对于这个演示，SimpleModal 将这个“隐藏”数据用于其内容。您还可以使用标准 HTML 或 DOM 元素填充模式对话框。

例子：

$('#basicModalContent').modal(); // jQuery object; this demo

$.modal(document.getElementById('basicModalContent')); // DOM

$.modal('<p><b>HTML</b> elements</p>'); // HTML

    </div>




    <!-- preload the images -->
    <div style='display:none'>
        <img src='img/basic/x.png' alt='' />
    </div>
</div>

【问题讨论】：

【解决方案1】：

jQuery 提供.ready() 处理程序，当浏览器DOM content 加载时触发。

$(document).ready(function(){
    // code which executes on dom ready
});

捷径

$(function(){
});

还有其他几种方式/处理程序。您还可以处理 window onload 事件，如果所有内容（图像、iframe 等）都已完全加载，则会触发该事件

window.onload = function(){
     alert('onload! yay!');
};

jQuery'ish

$(window).load(function(){
    alert('onload! yay!');
});

【讨论】：

【解决方案2】：

只需将您的代码放在窗口的load 事件上，如下所示：

$(window).load(function(){
  $('#basicModalContent').modal();
});

【讨论】：