如何在JSPlumb中区分两个源

Question

我使用JSPlumb创建一个gui问卷创建者，一些答案类型是yes / no。 我试图在调用jsPlumb.getConnections（）后找出哪个连接器来自yes源以及哪个连接器来自no source。

如果您在问题“今天是周末”的绿色连接下方看到图像，则表示“是”并回答。我可以找出是和否的来源和目的地，但我不知道如何判断哪一个是哪个。

提前致谢

Answer 1

我找到了一种方法来做到这一点，但它有点脏。

获取所有连接，并为每个连接获取连接端点html。

var outerHTML = $(this)[0].endpoints[0].canvas.outerHTML.toString();

从这里检查html，看它是否包含之前设置的红色或绿色。

如果有人知道更好的方法，请告诉我。

Answer 2

尝试为连接设置不同的范围，例如在使用scope选项创建连接期间，两个范围“是”和“否”。查询时，您可以根据需要指定所需范围以及源元素或目标元素，请参阅API DOC。

示例代码：

var con=jsPlumb.getConnections({
        source:$(this),
        scope:"no"
});

请注意con是连接数组。基于变量con，您可以获得目标innerHTML。

var HTML = $('#'+con[0].targetId).html(); // For single connection