【问题标题】:How to distinguish between two sources in JSPlumb如何区分 JSPlumb 中的两个源
【发布时间】:2014-02-24 10:24:48
【问题描述】:
我正在使用 JSPlumb 创建一个 gui 问卷创建者,其中一些答案类型是是/否。
一旦调用了 jsPlumb.getConnections(),我试图找出哪个连接器来自 yes 源,哪个连接器来自 no 源。
如果您在“今天是周末”这个问题上看到绿色连接下方的图像,则表示“是”并回答。我可以找出是和否的来源和目的地,但我不确定如何分辨哪个是哪个。
提前致谢
【问题讨论】:
标签:
jquery
html
svg
jquery-svg
jsplumb
【解决方案1】:
尝试为连接设置不同的范围,在您的情况下,在使用scope 选项创建连接期间有两个范围“是”和“否”。查询时,您可以根据需要指定所需范围以及源或目标元素,请参阅API DOC。
示例代码:
var con=jsPlumb.getConnections({
source:$(this),
scope:"no"
});
请注意,con 是连接数组。根据变量con,可以得到目标innerHTML。
var HTML = $('#'+con[0].targetId).html(); // For single connection
【解决方案2】:
我找到了一种方法来执行上述操作,但它有点脏。
获取所有连接,并为每个连接获取连接端点 html。
var outerHTML = $(this)[0].endpoints[0].canvas.outerHTML.toString();
从这里检查 html 以查看它是否包含之前设置的红色或绿色。
如果有人知道更好的方法,请告诉我。