Fancybox gem导致图片在点击后消失?

时间:2012-10-10 17:34:38

标签: ruby-on-rails fancybox

我正在尝试使用fancybox,以便可以很好地查看我的照片。我遇到与Fancy box making image disappear on rails相同的问题,但即使将href添加到我的链接后也无效。

问题是,当我点击图片时,会弹出fancybox图像查看器,但我网站上的图像会消失。

以下是我的代码中不起作用的部分:

<% if @album.photos.any? %>
    <% @album.photos.each do |photo| %>
        <div class="picthumb">
            <%= link_to image_tag(photo.avatar.url(:small), :class => "fancybox"), "#" %>
        </div>
    <% end %> 
<% else %>
    There are no pics in this album
<% end %>

任何人都知道发生了什么事?

1 个答案:

答案 0 :(得分:2)

所以我最终弄明白了。这是因为我在图像上使用fancybox而不是链接。

<% if @album.photos.any? %>
    <% @album.photos.each do |photo| %>
        <div class="picthumb">
            <%= link_to image_tag(photo.avatar.url(:small)), photo.avatar.url , :class => "fancybox" %>
        </div>
    <% end %> 
<% else %>
    There are no pics in this album
<% end %>

这是新的HTML。

$(document).ready(function() {
#before, I had img.fancybox in the element selector instead of a.fancybox
$("a.fancybox").fancybox();
});