当图片被点击时Fancybox不会初始化

Question

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

我正在为一个纹身艺术家的作品集画廊和使用Fancybox来显示图像，但是，当我点击图像，它只是去服务器上的图像文件，没有灯箱显示。我有一切正确链接，没有任何错误。现在这太令我疯狂了。任何帮助深表感谢。

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

Answer 1

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

Uncaught TypeError: Object [object Object] has no method '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）。