Как мне сделать этот 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>

Answer 1

jQuery предлагает обработчик .ready(), который срабатывает при загрузке браузера DOM content.

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

сокращение для этого

$(function(){
});

Есть несколько других способов / обработчиков. Вы также можете иметь дело с событием window onload, которое срабатывает, если весь контент загружен полностью (изображения, кадры и т. Д.)

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

jQuery'ish

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

Answer 2

Просто поместите свой код в load событие окна следующим образом:

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