在droppable的drop:函数中删除jsPlumb.draggable()之后的元素

时间:2014-01-28 02:19:41

标签: javascript jquery-ui jquery-ui-draggable jquery-ui-droppable jsplumb

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

The JSFiddle

当我使用Jquery UI $(...).draggable()创建可拖动元素时,这可以正常工作。 因此,似乎jsPlumb.draggable($(...),{})不使用帮助器。调用ui.draggable.remove()会删除更多元素。

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

有什么想法吗? 现在最好的解决方案是没有elseif梯形图来检查各种插件的各种实现,如果可能的话。

1 个答案:

答案 0 :(得分:0)

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

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

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