jsPlumb Endpunkte nicht aktualisiert, wenn div bewegt wird, ohne gezogen zu werden

Question

Ich verwende jsPlumb. Ich habe .project Behälter, die .task divs halten. Diese .task divs sind Quellen/Ziele für jSPlumb-Verbindungen. Die .project Container sind ziehbar.

http://jsfiddle.net/8Af7s/

Die .task div der Quelle zugeordnet ist/Eigenschaft Ziel, wenn es erstellt wird (mit jQuery erstellt):

// Makes the task div a possible target (i.e. connection can be dragged to) 
jsPlumb.makeTarget(newState, { 
    anchor:["Continuous", { faces:["left", "right"] } ] 
}); 

// Makes the task div a possible source (i.e. connection can be dragged from) 
jsPlumb.makeSource(newState, { 
    anchor:["Continuous", { faces:["left", "right"] } ] 
}); 

Wo die .task die newState

ist

var newState = $('<div>').attr('id', id).addClass('task') 

nun eine Aufgabe, die ich habe eine statische Taste zu löschen, die nur alle Verbindungen zu dieser Aufgabe löst und entfernt sie:

$('#removetask1').click(function(e) { 
    jsPlumb.detachAllConnections($('#task1')); 
    $('#task1').remove(); 
    //jsPlumb.repaintEverything(); 
}) 

Das Problem tritt auf, wenn andere task s Verschiebung nach oben, wenn die gelöscht task div war an der Spitze der project

Auch die Zeile hinzufügen (dh Auskommentierung):

jsPlumb.repaintEverything(); 

Zum Ende des Entfernen Funktionsaufruf das Problem behebt, aber das Problem weiterhin besteht nach wie vor wenn das .project div gezogen wird.

---

Vor task1 gestrichen:

Nach task1task2 verschiebt sich nach oben gelöscht und nimmt seinen Platz, aber die Verbindung übernimmt noch task2 an der Unterseite ist:

Answer 1

Abnehmen aller Co Bevor Sie ein Element löschen und dann die restlichen Verbindungen neu zeichnen, können Sie hilfreich sein. Vergessen Sie nicht, Verbindungen Daten auf einer Seite zu speichern (ohne diejenigen, die mit dem Element entfernt werden müssen), dann laufen

jsPlumb.detachEveryConnection(); 

das Element entfernen und dann jsPlumb.connect ({...}) für jede Verbindung, die du vorher gespeichert hast.

Aktualisiert jsfiddle: http://jsfiddle.net/kvtbffrj/