javascript - 如何使这个 SimpleModal 成为 onLoad？

Question

如何使此 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>

最佳答案

jQuery 提供 .ready() 处理程序，该处理程序在加载浏览器 DOM 内容 时触发。

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

捷径

$(function(){
});

还有其他几种方法/处理程序。您还可以处理 window onload 事件，该事件在所有内容均已完全加载(图像、iframe 等)时触发

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

类似 jQuery

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

关于javascript - 如何使这个 SimpleModal 成为 onLoad？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3421715/

上一篇：javascript - 每次用户打开浏览器时运行的 Google Chrome API 中的事件是什么？

下一篇：javascript - JS 替换文本

Answer 1

jQuery 提供 .ready() 处理程序，该处理程序在加载浏览器 DOM 内容 时触发。

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

捷径

$(function(){
});

还有其他几种方法/处理程序。您还可以处理 window onload 事件，该事件在所有内容均已完全加载(图像、iframe 等)时触发

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

类似 jQuery

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