在droppable的drop：函数中删除jsPlumb.draggable（）之后的元素

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

正如你所提到的，使用jQuery draggable一切正常然后我建议你将jsPlumb替换为draggable：

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

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