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

Question

I have been customizing the jsplumb flowchart example. Currently, I can drag and create connectors between elements but I would like to now drag an element to a blank part of the screen (ie not an element) and catch that event. Does anyone know which one that would be?

Answer 1

Instead of using jsPlumb.draggable, use 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 Docs - http://api.jqueryui.com/draggable/

start & stop are the events fired when the drag starts and stops respectively.