jsPlumb无法连接多个点

Question

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

我的初始代码：

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存在并且具有正确的I，并且查看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
    });