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