blueimpギャラリー画像の下に削除ボタンを追加すると常にギャラリーが開きます

Question

Ajaxを使用してギャラリーから選択した画像を削除する画像のリストの下に削除ボタンを追加しようとしています。

問題は、削除ボタンをクリックするたびに画像ギャラリーが開き、下のスクリプトがギャラリーを開きます。ギャラリーは「リンク」div内をクリックすると開きます。だから私はDeleteボタンをクリックしてもまだ始まっていますが、その周りを見つけられないようです。

スクリプト

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>のうちの1つです。

Answer 2

patriciaの回答は、blueimp Galleryの機能を削除します。次の写真にスワイプできない、またはモーダルを閉じることができませんでした。

ここでは完了した解決策はhttps://jsfiddle.net/dfhjruft/です。私はif elseステートメントを使用してボタンがクリックされたかどうかを検出しています。