我正在尝试使用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 %>
任何人都知道发生了什么事?
答案 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();
});