blueimp畫廊將在圖像刪除按鈕始終打開畫廊

Question

我想在我將從使用Ajax庫中刪除所選圖像的圖像列表中添加刪除按鈕。

我遇到的問題是，只要單擊刪除按鈕將打開圖像庫，下面的腳本打開畫廊，「鏈接」 div中單擊時打開。所以，當我點擊刪除按鈕時，這仍然是開始，但我似乎無法找到它。

腳本

document.getElementById('links').onclick = function (event) { 
    event = event || window.event; 
    var target = event.target || event.srcElement, 
     link = target.src ? target.parentNode : target.parentNode, 
     options = { index: link, event: event }, 
     links = this.getElementsByClassName('image'); 
    blueimp.Gallery(links, options); 
}; 

的Html

<div id="links"> 
     <div class="property-image"> 
      <a class="image" href="6e575f42-1da8-4da0-bf84-7752930aea75.JPG"> 
       <img src=" 6e575f42-1da8-4da0-bf84-7752930aea75.JPG"> 
      </a> 
      <a class="btn btn-danger delete-confirm-ajax close" data-ajax="true" data-id="72758" href=" ">Delete</a> 
     </div> 
</div> 

Answer 1

我想我解決你的問題，至少在撥弄它的工作原理：

https://jsfiddle.net/c5kbwqm0/2/

我所做的只是專注代替元素<a></a>中的click事件整個<div></div>。

Answer 2

patricia的回答將刪除blueimp Gallery的功能，您沒有注意到您無法滑動到下一張照片或關閉模式？

這裏是已完成的解決方案https://jsfiddle.net/dfhjruft/，我使用if else語句來檢測它是否被點擊按鈕。