javascript - 仅在单击时加载 Fancybox

Question

我是劳德代尔堡的一名设计师，我在我的一个项目中使用了 fancybox.js。我有一个主登录页面，其中有一个巨大的名称图表，当您单击名称时，fancybox 会弹出更多信息、照片等。但是，当我加载此主页时，它会尝试加载所有整个网站的内容，它需要永远。有没有一种方法可以将fancybox.js 设置为仅在fancybox 被点击/可见时加载？

我已经阅读了有关如何在页面加载时启动 Fancybox 的教程，而我基本上想做相反的事情。我只希望在单击时加载fancybox，以便主登录页面运行得更快。如何在页面加载时启动 jQuery Fancybox？

我会很感激你能给的任何帮助。谢谢！

Answer 1

只需在您的 html 中执行：

<a class="fancybox" href="{target}">the link I want to open on click only</a>

..然后使用这个脚本

$(document).ready(function(){
  $(".fancybox").fancybox({
    // API options
  });
});

检查您可能需要或想要添加的 API 选项的文档：fancybox v1.3.4 http://fancybox.net和 fancybox v2.x http://www.fancyapps.com/fancybox/