仅在单击时加载Fancybox

时间:2013-01-31 19:25:50

标签: javascript jquery html charts fancybox

我是劳德代尔堡的设计师,我在我的一个项目中使用fancybox.js。我有一个主要的登陆页面,其中有一个巨大的名称图表,当你点击名称时,fancybox会弹出更多的信息,照片等。但是,当我加载这个主页面时,它会尝试加载所有的整个网站的内容,它需要永远。有没有办法我可以设置fancybox.js只在点击/看到fancybox时加载?

我已经阅读了本教程,了解如何在页面加载时启动Fancybox,我基本上想要做相反的事情。我只想在点击时加载fancybox,以便主要登录页面运行得更快。 How to launch jQuery Fancybox on page load?

我很感激你能给予的任何帮助。谢谢!

1 个答案:

答案 0 :(得分:0)

只需在你的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/