jsplumb：如何通过拖动连接器来创建新元素

Question

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

Answer 1

使用jQuery draggable

而不是使用jsPlumb.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＆amp; stop是分别在拖动开始和停止时触发的事件。