jquery - 单击图像时，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值（文档）。

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