javascript - jsPlumb 无法连接多个点

Question

我正在尝试使用 jsPlumb 版本 1.4.1 和 jquery 依赖项，将 UI 中的一些 div 绑定(bind)在一起。

我的初始代码:

jsPlumb.bind("ready", function() {
        var eclipse = jsPlumb.addEndpoint("java-eclipse");
        var netbeans = jsPlumb.addEndpoint("java-netbeans");

        jsPlumb.connect({
            source:eclipse,
            target:netbeans,
            connector:"Straight",
            paintStyle:{ lineWidth:5, strokeStyle:'rgba(0, 0, 200, 0.5)' },
            endpoint:"Dot",
            anchor:[ "Perimeter", { shape:"Circle" }]
        });
     });

这按预期工作，但是一旦我尝试添加更多端点以建立另一个连接:

//Innitial working endpoints
var eclipse = jsPlumb.addEndpoint("java-eclipse");
var netbeans = jsPlumb.addEndpoint("java-netbeans");

//Just adding these endpoints causes my script to crash
var javaSE = jsPlumb.addEndpoint("java-se");
var javaSW = jsPlumb.addEndpoint("java-sw");

这给我带来了以下错误:

Error: H is undefined
r@https://cdnjs.cloudflare.com/ajax/libs/jsPlumb/1.4.1/jquery.jsPlumb-1.4.1-all-min.js:1:9455

我不知道为什么我创建的第二组端点会导致整个事情崩溃，div存在并且有正确的id，并且查看js plumb演示和文档建立两个单独的连接(se->sw和eclipse ->netbeans)应该是可能的。

Answer 1

试试这个；

jsPlumb.connect({
        source:eclipse,
        target:netbeans,
        connector:"Straight",
        paintStyle:{ lineWidth:5, strokeStyle:'rgba(0, 0, 200, 0.5)' },
        endpoint:"Dot",
        anchor:[ "Perimeter", { shape:"Circle" }],
        maxConnections: -1
    });