javascript - 如何将这个 SimpleModal 设置为 onLoad？

Question

如何在页面加载而不是单击按钮时加载此 SimpleModal 脚本？谢谢你=）

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

< div id="基本模态内容" >

对于这个演示，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>

score 2 · Accepted Answer

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!');
});

score 0 · Accepted Answer

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

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

2 回答 2