javascript - jsplumb:如何通过拖动连接器创建新元素

Question

我一直在定制 jsplumb 流程图示例。目前，我可以在元素之间拖动和创建连接器，但我现在想将元素拖动到屏幕的空白部分(即不是元素)并捕获该事件。有谁知道那会是哪一个吗？

Answer 1

不要使用 jsPlumb.draggable，而是使用 jQuery Draggable

$(".element").draggable({
                helper: 'clone',
                // appendTo: 'body',
                start: function(event, ui) {}, // console.log(event);console.log(ui)},
                stop: function(event, ui) {}, // console.log(event);//console.log(ui)},
                revert: 'invalid',
                cursor:'move',
                opacity: 0.5,
            });

API 文档 - http://api.jqueryui.com/draggable/

start 和 stop 分别是拖动开始和停止时触发的事件。