我在设置 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，为什么这不起作用？有没有解决这个问题的好方法？