拖放应用负位置

Question

我正在进行拖动&drop，当您将对象拖动到可滴管区域时，对象将作为负定位移动到负区域。

为了说明这一点，我把这个JSFiddle放在一起，你可以把一只可爱的狗扔到为说明我的问题而提供的景观中。下面使用的代码：

//DRAG & DROP
$(document).ready(
    function() {
      var a = 3;
      $('.drag').draggable({
        revert: 'invalid',
        cursor: 'move',
        //containment: '#drop',
        start: function(event,ui) { $(this).css("z-index", a++)}
      });
      $('#drop').droppable({
        accept: ".drag",
        drop: function(event, ui) {
          console.log(this);
          //$(this).addClass('dropped'),
          $(this).append(ui.draggable);
        }
      });
});

我在她身上读了很多关于纠正这个问题的方法的文章，其中许多似乎属于包含变量错误，但遗憾的是，我在这里没有幸运地将这些修复实现到我自己的设置中。需要注意的一点是，我使用HTML2CANVAS导出这个#放置区域的快照，所以我必须确保移动的项目在空间中。如有任何建议，我们将不胜感激。

提前感谢！

Answer 1

更新；我能够通过强制进行绝对定位来解决这个问题。没有响应，但我不能100%确定我需要它来处理这个例子。