2016-11-18 1 views
0

Ajax를 사용하여 갤러리에서 선택한 이미지를 삭제할 이미지 목록 아래에 삭제 버튼을 추가하려고합니다.blueimp 갤러리 아래에 삭제 버튼을 추가하면 항상 갤러리가 열림

내가 갖고있는 문제는 삭제 버튼을 클릭 할 때마다 이미지 갤러리가 열리고, 아래 스크립트는 갤러리를 열고 '링크'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> 
+0

앵커 태그 대신 을 사용하지 않는 이유는 무엇입니까? – GraveyardQueen

+0

그래도 #links div 내에서 클릭하면 갤러리가 작동하지 않습니다. – JBoom

+0

앵커 태그의 href에 있어야 할 내용은 무엇입니까? – GraveyardQueen

답변

1

나는 그것이 작동 적어도 바이올린에, 당신의 문제를 해결 생각 : 내가 한 모든 초점을

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

했다 대신 <a></a> 요소의 click 이벤트 전체 <div></div> 중 하나입니다.

0

patricia의 답변은 blueimp 갤러리의 기능을 제거합니다. 다음 사진으로 스 와이프하거나 모달을 닫을 수 없다는 것을 알아 채지 못하셨습니까?

완성 된 솔루션은 https://jsfiddle.net/dfhjruft/입니다. if else 문을 사용하여 해당 버튼이 클릭되었는지 여부를 감지합니다.

관련 문제