Вызов Twitter Bootstrap Lightbox при загрузке страницы

Question

Мне нужно, чтобы мой лайтбокс с начальной загрузкой в ​​твиттере срабатывал сразу после загрузки HTML-страницы, в настоящее время у меня есть это в моем файле 'main.js':

function lightbox(){
    $('#myLightbox').lightbox();
   };

Видимо я могу использовать команду window.pulse? Мои знания jquery все еще довольно просты.

Вот HTML-разметка для лайтбокса:

<div id="myLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class='lightbox-content'>
            <img src="path/to/picture.jpg">
            <div class="lightbox-caption"><p>The lightbox is here.</p></div>
        </div>
    </div>

Answer 1

Попробуй это:

$(document).ready(function () {
 $('#myLightbox').show();
});

Таким образом, когда ваша страница загрузится, ваш лайтбокс будет отображаться.

Убедитесь, что вы ссылаетесь на jQuery на своей HTML-странице.

Надеюсь это поможет.

Answer 2

Я считаю, что параметр должен быть передан в метод лайтбокс:

jQuery(document).ready(function(){
    jQuery('#myLightbox').lightbox();
    jQuery('#myLightbox').lightbox('show');
});