在页面加载时调用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');
});