Запустите simplemodal при загрузке страницы - PullRequest
Новая
       7

Запустите simplemodal при загрузке страницы

0 голосов
/ 20 декабря 2011

Я кодирую небольшую веб-страницу и хочу запустить simplemodal в начале загрузки страницы.

Так что теперь у меня есть этот код в теле 

<div id='container'>
    <div id='content'>
        <div id='basic-modal'>
            <input type='button' name='basic' value='Open' class='basic'/>
        </div>

        <!-- modal content -->
        <div id="basic-modal-content">
            <h3>Random Text in the SompleModal box.</h3>

        </div>
    </div>
</div>

Вы можете видеть кнопку как ввод, когда я щелкаю по ней, появляется окно, и появляется текст.

Здесь также basic.js, но я не понимаю этого, потому что я начал изучать веб-дизайн несколько дней назад.

basic.js 

jQuery(function ($) {
    // Load dialog on page load
    //$('#basic-modal-content').modal();

    // Load dialog on click
    $('#basic-modal .basic').click(function (e) {
        $('#basic-modal-content').modal();

        return false;
    });
});

также включены эти файлы. 

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>

Я читал, что можно использовать onLoad или jscript .ready, но я не знаю, как.

Ответы [ 2 ]

3 голосов
/ 20 декабря 2011

Используйте функцию $(document).ready(): 

$(document).ready(function() {
   // Any thing in here will execute when the DOM has finished loading
   $('#basic-modal-content').modal();
});

jQuery Docs для .ready ()

2 голосов
/ 20 декабря 2011

Попробуйте с этим: 

<script>
function openModal() 
{
    $('#basic-modal-content').modal();
}
</script>

<body onload="openModal();"></body>
...