单击图像时Fancybox不会初始化

Question

Fancybox没有初始化它只是在浏览器中打开图像文件。

我正在为纹身艺术家的投资组合画廊工作，并使用Fancybox显示图像，但是，当我点击图像时，它只是转到服务器上的图像文件，没有灯箱显示。我把所有东西都正确联系起来，没有任何错误。这让我疯狂了很长时间。非常感谢任何帮助。

网站：http://jessetattoo.com/testing/portfolio.html

Answer 1

我查看该网站并给我下一个错误：

  

未捕获TypeError：对象[object Object]没有方法'fancybox'

这可能是因为加载脚本错误。我在文档的头部看到这个脚本是空的：

<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js"></script> 

您必须加载源才能执行fancybox方法。

Answer 2

页面有两个问题：

1. 正如上面的评论中所指出的，脚本和样式表文件路径是错误的，它们必须是/testing/fancybox/...或fancybox/...
2. 在您在页面上使用的脚本中，使用$("a.group")来处理图像。您必须改为使用$("a.fancybox")，因为您使用的选择器适用于class值，而不是rel值（documentation）。

第二点的另一种方法是使用$('a[rel="group"]')作为元素选择器（documentation）。