有没有办法通过单击连接线来识别连接的div? 连接 js

Question

我正在使用连接js来连接我的Web应用程序中的组件。我想在双击该线时删除连接线。为此，我想识别连接的组件。所以请帮我解决这个问题。

[jsfiddle link][1]

[1]: https://jsfiddle.net/SL_Mahasona/3sv4t3es

Answer 1

我更改了以下代码以实现 Udara 的预期结果

$(document).ready(function() {
$(".draggable").draggable();
$('#draggable3').connections({
to: '#draggable4',
'class': 'demo'
});
$.repeat().add('connection').each($).connections('update').wait(0);
});

---

$(document).ready(function() {
$(".draggable").draggable();
$('#draggable3').connections({
to: '#draggable4',
'class': 'demo',
'data-from': '#draggable3',
'data-to': '#draggable4'
});
$.repeat().add('connection').each($).connections('update').wait(0);
$(document).on("dblclick", ".demo",function() {
var from = $(this).attr("data-from");
var to = $(this).attr("data-to");
alert("from: " + from + " - to: " + to)
$(this).remove()
})
});

在这里演示