将 Source 端点连接到 jsPlumb 中的 Targetdiv

Question

我正在尝试将 sourceEndpoint 连接到目标 div。这是我的 addEndpoint

var anEndpointSource = {
            endpoint: "Dot",
            cssClass:"endpoint-source",
            paintStyle: {
                strokeStyle: "#FF0AAC",
                fillStyle: "transparent",
                radius: 7,
                lineWidth: 3
            },
            connector: connector,
            connectorStyle: connectorPaintStyle,
            connectorHoverStyle: connectorHoverStyle,
            hoverPaintStyle: endpointHoverStyle,
            connectorOverlays: overlays,
            isSource: true,
            isTarget: false,
            maxConnections: -1,
            anchor:["Bottom"]
        };

jsPlumb.addEndpoint(parentnode1, { uuid: parentnode1.attr('id')+'_Bottom'}, anEndpointSource);

var id = parentnode1.attr('id');
jsPlumb.makeTarget(id, {
            anchor: 'Continuous',
            allowLoopback:false
        });

function connectNodes(connection) {
        var connection2block = jsPlumb.connect({
            source:connection.sourceId,
            target:connection.targetId,
            anchor:"Continuous",
        });
    }

如果我通过将连接从源端点拖动到目标 div 来手动建立连接，效果很好。当我尝试通过 jsPLumb.connect(); 连接时出现问题；功能。

这就是我想要的（当我手动连接时会出现这种情况）：

这就是我得到的（如果我通过 .connect() 函数连接会发生这种情况）：

如您所见，连接并非源自源端点。

我什至尝试过：

function connectNodes(connection) {
        var connection2block = jsPlumb.connect({
            source:connection.sourceId+'_Bottom',
            target:connection.targetId,
            anchor:"Continuous",
        });
    }

但运气不好。请帮忙。

Answer 1

我成功地将 sourceEndpoint 连接到目标 div。解决方法如下：

 function connectNodes(connection) {
    var connection2block = jsPlumb.connect({
        uuids: [connection.sourceId+"_Bottom"],
        target:connection.targetId,
        anchor:"Continuous",
    });
}

将 Source 端点连接到 jsPlumb 中的 Targetdiv

Connect Source endpoints to a Targetdiv in jsPlumb

jquery

jsplumb