Gibt es eine Möglichkeit, div durch Klicken auf die Verbindungslinie zu identifizieren? Verbindungen js

Question

Ich benutze Verbindungen js, um Komponenten in meiner Web-App zu verbinden. Ich möchte die Verbindungslinie löschen, wenn ich auf diese Zeile doppelklicke. Dazu möchte ich verbundene Komponenten identifizieren. Bitte helfen Sie mir, dieses Problem zu beheben.

[jsfiddle link] [1]

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

Answer 1

Ich habe den folgenden Code geändert, um die gewünschten Ergebnisse zu erzielen 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