Javascript 织物js画布复制（连续拖动后）

我在将对象添加到画布时看到意外错误，我在页面上的某些位置看到创建的重复对象。只有当对象连续拖动到可拖放区域时，才会出现此问题

我累坏了，找不到解决办法

完整代码：

我怎么想

1：当对象连续拖动到画布上时 答：当我把第一个对象拖到画布对象上，并且根本没有还原，第二个对象也被拖到画布上时，第一个对象就被拖到画布上，控制台中出现以下错误

未捕获的TypeError:无法读取null的属性“alt”：脚本停止 或 未捕获的TypeError:无法读取null的属性“title”：脚本停止 第一个对象也不能使用

或abc.com/alldevice/undefined 404（未找到）

2：我觉得有些时候拖动事件无法得到物体时，拖动速度快或

---

请帮助我如何解决它

看到下面的代码，你必须相应地去做 编辑：查看此小提琴：

改变

$drop.droppable({
    over: function (event, ui) {
        $(this).addClass('active');
    },
    drop: function (event, ui) {
        var image =$draggedImage&& $draggedImage.src;

到

请参阅此处的链接

到

---

我并没有创建组的对象，您也创建了组，而且您并没有将对象定义为

var-group

。您已经直接给出了

组=…

。如果可能，还可以为组的对象指定其他名称。它可能会与其他一些关键字冲突我想稍后使用group，所以我给了它一个名称will doing the Solution，将其重命名为group1仍然是同一个问题请为我提供工作小提琴，我会让你知道问题在哪里请看我已更新了我的答案，并在工作情况下附加了我的代码请看一下

$drop.droppable({
    over: function (event, ui) {
        $(this).addClass('active');
    },
    drop: function (event, ui) {
        var image =$draggedImage&& $draggedImage.src;

$drop.droppable({
        over: function(event, ui) {
            $(this).addClass('active');
        },
        drop: function(event, ui) {
            $draggedImage = ui.draggable.find("img").get(0);

 var image =$draggedImage&& $draggedImage.src

$draggedImage = ui.draggable.find("img").get(0);