jsplumb分离使endpoint挂起

Question

我不希望源endpoint与相同元素的目标endpoint连接，因此在连接事件中，我分离当前连接，如

jsPlumb.bind("connection", function(info){
        if(info.sourceId === info.targetId){
            jsPlumb.detach(info.connection);
            return true;    
        }
});

但这会使我的源endpoint与div分离，在我拖动div后，endpoint挂在同一位置，如下图所示（点是我的源endpoint和目标endpoint中的矩形）。

在创建连接之前

创建连接后

在这种情况下，我不希望Join_1的源endpoint与Join_1的目标endpoint连接。

我使用jsPlumb 1.7.2版本。这是一个错误，我怎么能修复这个。

Answer 1

您可以尝试使用beForeDrop事件代替连接，如果条件返回false。

jsPlumb.bind("beforeDrop", function(info){              
    if(info.sourceId === info.targetId){
        return false;    
    }
});

也升级到1.7.4版本。

希望能有帮助。