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

score 5 · Accepted Answer

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

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

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

score 2 · Accepted Answer

2

确保您使用的是最新版本的 FancyBox 和 jQuery。

于 2012-12-17T02:44:56.750 回答

2 回答 2