jsPlumb: не удается подключить конечные точки - источник к цели - PullRequest
Новая
       8

jsPlumb: не удается подключить конечные точки - источник к цели

0 голосов
/ 21 сентября 2018

Я в замешательстве, так как использую jsPlumb довольно часто.Однако я не могу подключить конечную точку простого источника и конечную точку назначения.

Последняя строка приведенного ниже оператора устанавливает реальное соединение между двумя точками, к сожалению, он выдает ошибку: «Не удается установить соединение - источник делаетне существует'.Согласно ошибке нет конечной точки источника.Поэтому я проверил, была ли конечная точка источника действительно источником, а конечная точка цели была действительно целью с помощью приведенного ниже кода.

К сожалению, я не могу извлечь больше кода, так как это более сложный процесс. 

        let source = $('#' + $.escapeSelector(from));
        let target = $('#' + $.escapeSelector(to));

        console.log(source);
        console.log(target);

        console.log("printing source endpoint(s)");
        let fromEndPoint = ConnectionSocket.plumb.selectEndpoints({source: from}).each(function (endpoint) {
            console.log(endpoint);
            console.log('isSource -> ' + endpoint.isSource);
            console.log('isTarget -> ' + endpoint.isTarget);
        });
        console.log("printing target endpoint(s)");
        let toEndPoint = ConnectionSocket.plumb.selectEndpoints({target: to}).each(function (endpoint) {
            console.log(endpoint);
            console.log('isSource -> ' + endpoint.isSource);
            console.log('isTarget -> ' + endpoint.isTarget);
        });

        ConnectionSocket.plumb.connect({
            source: fromEndPoint,
            target: toEndPoint
        });

Это распечатывает следующее: 

w.fn.init [div#c741f53f-875a-a917-51a5-a3b2d48a2a15.step-teaser.jtk-draggable.jtk-endpoint-anchor]
w.fn.init [div#fa56d1db-1db3-a1ba-2398-9075e5f979a3.step-teaser.jtk-draggable.jtk-endpoint-anchor]
printing source endpoint(s)
b.Endpoint {idPrefix: "_jsplumb_e_", defaultLabelLocation: Array(2), defaultOverlayKeys: Array(2), _listeners: {…}, eventsSuspended: false, …}
isSource -> true
isTarget -> false
printing target endpoint(s)
b.Endpoint {idPrefix: "_jsplumb_e_", defaultLabelLocation: Array(2), defaultOverlayKeys: Array(2), _listeners: {…}, eventsSuspended: false, …}
isSource -> false
isTarget -> true
jsplumb.min.js:2 Cannot establish connection - source does not exist
...