回形针和fancybox宝石问题

Question

我正在尝试使用回形针在我的rails应用程序中使用Fancybox Gem。

缩略图和图片链接：

<div class="fancybox">  <%=link_to image_tag (image.url(:small)), image.url(:large) %></div>

通过我的application.js中的gem指令添加jQuery文件：

//= require jquery 
//= require fancybox

在controller_name.js

中

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

如何使链接使用Fancybox而不仅仅是转到图像？

任何帮助都会很棒！

Answer 1

我可以在这里看到问题。您正在为具有类facybox的所有链接初始化facybox，但您已将该类应用于div。你可以重写你的html代码，以便将fancybox类应用于链接：

<div >  
<%=link_to(image_tag (image.url(:small)), image.url(:large),:class=>"fancybox") %>
</div>

保持您的javascript代码与此处提到的相同。

Answer 2

希望这可以帮助将来几分钟的搜索...以下是您的链接的外观

<%=link_to image_tag(pic.avatar.url(:thumb)),pic.avatar.url(:original), class:"fancybox" %>

您还应该在Application.css / .scss

中加入*= require fancybox