Javascript 当div移动而不被拖动时，jsPlumb端点不会更新

我正在使用。我有

.project

容器，其中包含

.task

div。这些

.task

div是jsPlumb连接的源/目标。

.project

容器是可拖动的

.task

div在创建时（使用jQuery创建）被分配源/目标属性：

其中

.task

是

newState

如果已删除的

任务

div位于

项目

另外，添加行（即取消注释）：

直到remove函数调用结束时，该问题才得以解决，但是当拖动

.project

div时，问题仍然存在

---

在删除

task1

之前：

删除

task1

后

task2

向上移动并取代其位置，但连接仍假定

task2

位于底部：

---

在删除元素之前分离所有连接，然后再次重新绘制其余连接可能会有所帮助。 不要忘记将连接数据存储在一侧（没有那些必须随元素一起删除的连接数据），然后运行

jsPlumb.detachEveryConnection();

删除元素，然后为在此之前保存的每个连接删除jsPlumb.connect（{…}）

---

更新的JSFIDLE:

浏览一下这个SO链接的FIDLE链接，你可能会有一些想法：谢谢，我遇到了这个链接，不过在我的例子中，jQuery.draggable的工作方式出乎意料（有时它可以工作，很多时候它会阻止其他元素响应）。这很遗憾，这个问题怎么解决了？

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

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

 jsPlumb.repaintEverything();

jsPlumb.detachEveryConnection();