rails 中图像的 fancybox 不工作

Question

我试图在一个页面中显示所有图像，当点击每张图像时它必须放大，为此，我使用了 fancybox。但是代码不起作用。我是 rails 的新手，谁能帮我解决这个问题？

_images.html.erb code:
<div class="center" id="images" style="padding:50px 50px 50px 50px;">
<table>
<% @images.each_slice(4) do |images| %>
  <tr>
    <% images.each do |images| %>
      <td style="padding-right:10px;padding-bottom:10px;"> 
        <%= link_to image_tag images, id: '#images', class: "fancybox" 
      ,:size => "300x300" %><br />
      </td>
     <% end %>
    </div>
   </tr>
  <% end %>
 </table>
</div>

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

Answer 1

像 doc here

中提到的那样尝试

还要确保 images（所以如果你使用的是回形针载波，那么它应该是 image_url）变量是图像 link，并且在 link_to 上它期望更大图像比 image_tag

  <% images.each do |image| %>
    <%= link_to image_url, class: 'fancybox' do%>
      <%= image_tag image_url(:thumb), id: 'images', :size => "300x300"%>
    <%end%>
  <%end%>

rails 中图像的 fancybox 不工作

fancybox for images in rails not working

javascript

ruby

ruby-on-rails

fancybox