使用 jsPlumb 自动连接

Question

你好 Whosebug 社区，这是我的第一个 post，所以请保持温柔，因为我还不知道这里的礼仪。
不管怎样，有人可以帮我自动连接 jsPlumb 吗？我只是不知道该怎么做，使用 addEndpoint 函数中的样式。希望有一些聪明的人愿意帮助我并弄清楚。 jsFiddle

Answer 1

您需要为每个端点添加 uuid。使用您当前的设置：

function addEndpoints(id,target,source) {

    // Setting Source-/Startpoint Style
    var sourceEndpoint = {
        endpoint:"Dot",
        isSource:true,
        ...
        uuid: "xxx0"
    },      

    // Setting Targetpoint Style
    targetEndpoint = {
        endpoint: ["Rectangle", {width:13, height:13}], 
        isTarget:true,      
        ...
        uuid: "xxx1"
    };  

    ...

}

并在您的初始化函数中连接它们：

jsPlumb.connect({ uuids:["xxx0","xxx1"] });

使用 jsPlumb 自动连接

Auto Connecting with jsPlumb

javascript

jsplumb