ondblclick所有图片都被删除了jquery

时间:2017-02-19 17:56:19

标签: javascript jquery

我一次无法删除一张图片。当我双击时,所有图像同时被删除。我怎样才能防止这种情况发生?这是我的剧本

$(".bananas").on('dblclick', function(e) {
    var whichtr = $(this).closest("div");
    whichtr.remove();      
});



$('img').on('click', function() {
  $('#fotos').append('<div class="imgdrag"><img class="modal-content" src="' + $(this).attr('src') + '"/></div>');
  $('.imgdrag').draggable();
  $('#fotos').droppable();
  $('.modal-content').resizable();
  $(".download").attr("href", $(this).attr('src'));
  $(".download").show();
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="fotos" class="bananas">
  <img class="modal-content" id="imgdisplay" src="http://lorempixel.com/output/technics-q-c-640-480-8.jpg"/>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您在主容器上注册了双击事件。 如果要在双击时删除图像,这应该可以正常工作。

$(".bananas").on('dblclick', '.modal-content', function(e) { $(this).remove(); });