Question

有人可以告诉我这段代码有什么问题吗？我最近开始使用它，但是在Fancybox Gallery的功能停止工作后不久就发现了。与所有元素相比，链接元素只是一个条子。我不确定是否就是这样。我知道我最近所做的编辑是将周围的行从.row-fluid更改为.row，因为这破坏了我的布局。下面是代码：

    <body id="portfolio"> 
     <div class="container-fluid" id="particles-js"></div>
      <%= render 'layouts/altmenu_gallery' %>
        <h1>Portfolio</h1>

        <div id="gallery" class="container-fluid">
          <% @photos.each_slice(4) do |group| %>
            <div class="row ">
              <% group.compact.each do |photo| %>
                  <div class= "col-md-3">
                    <a class="fancybox" data-fancybox="gallery" href="<%=image_path photo.file_url %>" data-caption="<%=  photo.description %>"> 
                      <%= image_tag photo.file_url, class:' img-fluid img-thumbnail'  if photo.file.present? %>
                     </a>
                  </div>
              <% end %>
            </div>
          <% end %>
          <br class="clear">
          </div>


        <%= link_to 'New Photo', new_photo_path %>
   </body>

Answer 1

对不起，但是如果不查看实际的html代码，或者最好是实时演示，就无法分辨。也许是因为您没有逃脱photo.description而导致html代码中断，但是出现了这个问题，但是正如我所说，我不确定。

这段代码和FancyBox3是否有冲突？

1 个答案: