Question

我使用HTML5原生拖放功能将图像拖放到div中。以下是一个示例：http://jsbin.com/ipojuk/1/

问题是，一旦丢弃，不应再次丢弃相同的图像。如何防止这种情况发生？为此，我在图像中设置了data-inplan属性，我计划在图像被删除后将其设置为true，但我找不到一种简单的方法来获取对图像的引用函数dragDrop中的原始图像。我考虑使用id，但这些图像是在运行时创建的，生成id对我来说很难。

Answer 1

这将允许您每种类型只删除一个图像（检查src）

function dragDrop(e) {

 if (e.stopPropagation) {
      e.stopPropagation(); // Stops some browsers from redirecting
  }

  var $item = $(e.dataTransfer.getData('text/html'));

  var exists = false;
  $(".divRendezvous img").each(function()
  {
    if($(this).attr("src")==$item.attr("src"))
    {
      exists = true;
      return;
    }
  });
  if(!exists)
    $item.appendTo(e.target);  
  return false;
}

jsBin ：http://jsbin.com/ipojuk/12/edit

删除后获取对原始元素的引用

1 个答案: