javascript - 在 droppable 的 drop 中删除 jsPlumb.draggable() 之后的元素 : function

Question

我想创建一个删除区域，任何被删除的元素都会被删除。因此，我使用 drop:function(event,ui){ui.helper.remove()} 将其实现为 droppable。这不适用于 jsPlumb.draggable()。

The JSFiddle

当我使用 Jquery UI $(...).draggable() 使元素可拖动时，效果很好。因此，jsPlumb.draggable($(...),{}) 似乎不使用助手。调用 ui.draggable.remove() 会删除更多元素。

我认为 jsPlumb 文档或 StackOverflow 中没有任何关于此特定问题的内容。

有什么想法吗？现在，如果可能的话，最好的解决方案是不使用 elseif 梯子来检查各种插件的各种实现。

Answer 1

正如您所提到的，使用 jQuerydraggable 一切工作正常，那么我建议您将 jsPlumbdraggable 替换为:

droppedEleClone.draggable({
                snap: '.dragme',
                drag:function(e){
                    jsPlumb.repaint($(this));
                }
            });

并且在克隆时请确保提供不同的 ID。具有相同 ID 的 DOM 元素不会产生正确的结果。由于克隆同一对象，因此很难识别正确的对象并将其删除。因此提供不同的 ID。