Запустите simplemodal на странице load

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

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

<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>

Вы можете увидеть кнопку в качестве входа, когда я нажимаю его коробок poppes и есть текст.

Здесь также 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, но я не знаю как.

источник

2011-12-20 Noli

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

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

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

источник

2011-12-20 10:32:49

Пробовал оба ваши работали хорошо !! Спасибо! – Noli

Добро пожаловать :) –

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

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

jQuery Docs for .ready()

источник

2011-12-20 10:31:09 ManseUK

Я отредактировал мой ответ, ваш лучше;) –

Запустите simplemodal на странице load

ответ

Смежные вопросы