所以我有一个像这样的照片库：
<div id="gallery">
<a href="thumb1.jpg" class="fancybox">
<img class="item" src="thumb1.jpg">
</a>
...
</div>
我在我的图片链接上初始化fancybox就像这样......
jQuery(document).ready(function() {
jQuery('.fancybox').fancybox();
});
...但没有任何反应 - 单击图库中的图像只需链接到href'd图像。
Chrome控制台没有收到任何错误，jQuery('.fancybox')正确选择了我的所有<a>元素。
为什么fancybox看起来不起作用？
答案 0 :(得分：4)
您的检查清单（按此顺序加载文件）：
首先加载jQuery js文件。确保您拥有此文件的单个实例，理想情况下是最新版本（其他一些插件包含安装插件时加载的jQuery版本）
加载您的fancybox的js和css文件。检查（完整）路径是否正确（如果您浏览源代码并单击这些文件的链接，您应该看到源脚本，否则是错误404页面的html）。
加载自定义fancybox脚本。还要检查所有<script>标记是否在<head>或<body>标记内（我已经看到了一些脚本位于其间的代码）
最后，请检查您的文档是否具有正确的DOCTYPE。还要检查语法错误和标签是否未正确关闭。
使用与上述代码相同的初始化功能查看 full example 。
答案 1 :(得分：2)
确保您使用的是最新版本的FancyBox和jQuery。