jsplumb节点可拖动_jsPlumb系列问题：请问jsPlumb渲染出来之后线条没有连接节点？需要拖动之后才连上...

请问下，为什么这样写出来后的jsPlumb图表是这个样子的

JS是这样的：

init: function() {

// 初始化流程图配置

jsPlumbToolkit.ready(function () {

// 创建流程菜单

taskConf.createNodePalette(processes);

// ------------------------ toolkit setup ------------------------------------

// 获取相关的dom元素

mainElement = document.querySelector("#jtk-flowchart");

canvasElement = mainElement.querySelector("#jtk-canvas");

controls = mainElement.querySelector("#confControls");

nodePalette = controls.querySelector('#controls-left');

controlsS2 = document.querySelector("#confControls-s2");

// 重置当前点击的连线信息

curSelectedConnection = {};

// 声明一个工具包，提供创建节点，生成id的方法

toolkit = jsPlumbToolkit.newInstance({

idFunction: function (n) {

return n.id;

},

typeFunction: function (n) {

return n.type;

},

nodeFactory: function (typeData, data, callback) {

//typeDatadata 是程序实例对象

data.text = typeData['processName'] + '-' + typeData['programVersion'];

data.processId = typeData['id'];

//data.id = jsPlumbToolkitUtil.uuid();

data.type = typeData['type'];

data.flowId = flowId;

data = flowEvent.addNode(data, callback);

}

});

// ------------------------ / toolkit