0

我在设置 FancyBox 时遇到了一些麻烦，我对 jQuery 有点陌生。我按照他们的指南进行操作，但我没有看到任何可能出错的地方。

我已经链接了我需要的 .css 文件和 .js 文件。我知道它们已正确链接，因为如果我查看源代码并单击/assets/jquery.fancybox.css?body=1，/assets/jquery.fancybox.css?body=1我可以看到正确的 Javscript 和 CSS 文件。

因为我使用的是 Ruby on Rails，所以我将此行添加到我的 application.js 文件中：

$(document).ready(function() {
    $(".fancybox").fancybox();
});

然后只是为了测试我将它添加到我的一个页面中，但它没有出现在 FancyBox 中，它只是在新页面中打开图像：

<a class="fancybox" rel="group" href="http://farm8.staticflickr.com/7171/6417719753_374653e28c_b.jpg"><img src="http://farm8.staticflickr.com/7171/6417719753_374653e28c_m.jpg" alt="" />link</a>

据我所知，它应该可以工作，我将类设置为“fancybox”，并且脚本正在寻找具有“fancybox”类的对象。

编辑：我似乎通过添加来修复它

$(document).ready(function() {
    $(".fancybox").fancybox();
});

到特定页面的 .erb 文件。如果添加到 application.js，为什么这不起作用？有没有解决这个问题的好方法？

4

1 回答 1

0

我猜您的application.js文件是在 jQuery 源代码之前加载的，因此$尚不可用。

在这些情况下，请务必检查您的浏览器控制台是否有错误 - 它可以为您省去很多麻烦。

于 2012-04-05T04:48:15.100 回答