jQuery FancyBox 初始化不起作用

Question

所以我有一个看起来像这样的照片库：

<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似乎不起作用？

Answer 1

您的检查清单（按此顺序加载文件）：

首先加载 jQuery js 文件。确保您有此文件的单个实例，最好是最新版本（其他一些插件包括在安装插件时加载的 jQuery 版本）
加载您的 Fantasybox 的 js 和 css 文件。检查（完整）路径是否正确（如果您浏览源代码并单击这些文件的链接，您应该看到源脚本，否则会看到错误 404 页面的 html）。
加载自定义的fancybox 脚本。还要检查您的所有<script>标签是否在标签<head>或<body>标签内（我已经看到一些脚本位于两者之间的代码）
最后，检查您的文档是否具有正确的DOCTYPE. 还要检查语法错误和标签没有正确关闭。

请参阅具有与上述代码相同的初始化的完整示例。