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

Question

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

[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()
  })
});

Demo here

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

Is there way to identify connected div by clicking connection line ? connections js

connection

jquery