在页面加载时调用Twitter Bootstrap Lightbox

Question

我需要我的 Twitter 引导灯箱在 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();
});

这样，当您的页面加载时，您的灯箱就会显示出来。

确保你在HTML页面中引用了jQuery。

希望这有帮助。

Answer 2

我认为

该选项需要传递到灯箱方法中：

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