FancyBox没有出现

Question

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

Answer 1

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

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