如何在灯箱图片上设置外部链接？

Question

我有一个图库和一个管理图库页面。

在管理库上，我在图像上方显示了一个删除按钮，但是当我单击它时，它正在打开灯箱加载，而不是消息“您确定吗？”。

我认为正是灯箱的代码使链接得以实现。 我该如何解决？

<div class="lightbox-grid square-thumbs" data-gallery-title="Gallery">
    <ul>
       <% @galleries.each do |gallery| %>
       <% gallery.pictures.each do |f| %>
         <div class="contentdeletar">
            <li>
              <div class="deletar">
                <%= link_to 'delete', f, method: :delete, data: { confirm: 'Are you sure?' } %>
               </div>
               <a href="<%= f.image.url(:large) %>" data-lightbox="true" data-title="<%= f.description %>">
               <div class="background-image-holder">
                  <img alt="image" class="background-image" src="<%= f.image.url(:large) %>">
               </div>
               </a>
            </li>
          </div>
      <% end %>
      <% end %>
    </ul>
</div>

这行<%= link_to 'delete', f, method: :delete, data: { confirm: 'Are you sure?' } %> <%= link_to 'delete', f, method: :delete, data: { confirm: 'Are you sure?' } %>由于某种原因无法正常工作。 我认为它会尝试打开灯箱内的链接或类似的内容

Answer 1

我发现scripts.js有这个

$('.lightbox-grid li a').each(function(){
        var galleryTitle = $(this).closest('.lightbox-grid').attr('data-gallery-title');
        $(this).attr('data-lightbox', galleryTitle);
    });

所以everithing作为a会那样做的。

所以我创建了一个名为dav的div，并将灯箱链接放入其中

<div class="deletar">
   <%= link_to 'delete', f, method: :delete, data: { confirm: 'Are you sure?' } %>
</div>
<div class="dav">
   <a href="<%= f.image.url(:large) %>" data-lightbox="true" data-title="<%= f.description %>">
   <div class="background-image-holder">
      <img alt="image" class="background-image" src="<%= f.image.url(:large) %>">
   </div>
</div>

并将js文件更新为$('.lightbox-grid li dav a').each(function(){因此，现在它只能在li dav a链接内工作