接続線をクリックして接続されたdivを識別する方法はありますか？接続js

Question

私は、Webアプリケーションのコンポーネントを接続するために接続jsを使用しています。私はその行をダブルクリックすると接続線を削除したい。これを行うために、私は接続されたコンポーネントを識別したい。だから私はこの問題を解決するために手伝ってください。

[jsfiddleリンク] [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