灯箱弹出窗口不会在页面加载时弹出

Question

您好我正在尝试在页面加载时弹出一个图像，但我无法让它工作。我一直在遵循本教程中的说明：http://postyourtutorial.com/tutorials/how-to-make-a-lightbox-gallery-on-pageload.aspx

单击图像链接时，我可以在正常的灯箱窗口中弹出图像，但是在页面加载时不会弹出，我做错了什么？

代码：

<script src="js/jquery-1.10.2.js"></script>
<script src="js/lightbox.js"></script>
<script type="text/javascript">
$(document).ready(function() 
{
$('#popup').trigger('click');
});
</script>

<a rel="lightbox" href="img/autolightbox.png" id="popup">Test</a>

Answer 1

您需要在$(document).ready()内初始化您的灯箱插件。

阅读this simple guide，一切都会好的：）