javascript - Fancybox 加载到页面的一半

Question

我正在为我的网络应用程序使用 fancybox 插件。我正在使用它为第一次使用的用户显示一个简单的教程。当您第一次使用我的应用程序时，您会自动看到教程。页面加载后，我使用 JQuery 触发链接以打开模式。

jQuery触发：

$(document).ready(function() {
     $('#tutorial').trigger('click');
});

我打开fancybox模式的链接：

<a id="tutorial" href="#profile-tutorial" class="fancybox-open"> Profile Tutorial </a>

现在，当页面加载时它会自动弹出，但由于某种原因它加载到页面的一半。但是如果我直接点击链接，它会在中间加载就好了。我不知道是什么原因造成的。会是什么呢？

谢谢！

Answer 1

触发点击加载应该可以解决您的问题：

$(window).load(function () { $('#tutorial').trigger('click'); });