jquery - 如何在页面加载时启动 jQuery Fancybox？

Question

我想在页面加载时启动 Fancybox(例如 Fancybox's 版的模态框或灯箱)。我可以将它绑定(bind)到隐藏的 anchor 标记并通过 JavaScript 触发该 anchor 标记的点击事件，但我宁愿直接启动 Fancybox 并避免额外的 anchor 标记。

Answer 1

Fancybox目前不直接支持自动启动的方式。我能够开始工作的工作是创建一个隐藏的 anchor 标记并触发它的点击事件。确保在包含 jQuery 和 Fancybox JS 文件之后包含触发点击事件的调用。我使用的代码如下:

此示例脚本直接嵌入到 HTML 中，但也可以包含在 JS 文件中。

<script type="text/javascript">
    $(document).ready(function() {
        $("#hidden_link").fancybox().trigger('click');
    });
</script>