Question

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

在管理库中，我在图像上方显示了一个删除按钮，但是当我点击它时，它正在打开一个灯箱加载，而不是消息＆＃34;你确定吗？＆＃34;。

我认为是灯箱的代码正在使链接做到这一点。我怎么能解决这个问题？

<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?' } %>行由于某种原因无效。我认为它试图打开灯箱内的链接或类似的东西

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);
    });

如此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链接

中使用

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

1 个答案: