jsplumb连接不工作

问题描述：

我想通过编程方式建立几个连接。问题是当连接被绘制时，新的端点被创建并且现有的端点不再可点击。我确实有可拖动行为的端点。我无法获得（由连接创建的）端点与原始端点具有相同的属性。jsplumb连接不工作

我做了工作的jsfiddle：http://jsfiddle.net/SCSaf/4/

下面的代码中的容器进行初始化和连接绘制

jsPlumb.connect({source: "container1", target: "container2"}, common);

在共同VAR我试图源的特性相结合-endpoints（exampleGreyEndpointOptions）与end-endpoints（endpointOptions）通常我有paintStyle使行/ arraw与可拖动行相同。锚定的目的是防止容器或方形连接之间的连接。正如您所看到的，这将用于非常分层的数据模型。

我试图通过增加更多的端点选项（取消注释测试）来设置新的端点行为，但是，让合并错误的somekind的在jsPlumb

var common = { 
anchors: ["BottomCenter", "TopCenter"], 
//endpoints: [{ 
// isSource: true, 
// isTarget: false, 
//}, { 
// isSource: false, 
// isTarget: true, 
//}], 
endpointStyles: [exampleGreyEndpointOptions, endpointOptions], 
paintStyle: {strokeStyle: color} 
};

我的想法，并没有任何线索如何解决错误。我想要的行为是，它也可能得出/拖动新的连接（或删除现有的）从端点与连接画出编程

API参考：http://jsplumbtoolkit.com/apidocs/Connection.html

文档：http://jsplumbtoolkit.com/doc/connections#programmatic

答

为了留住您需要通过端点而不是其ID来连接容器的端点选项。我已经根据他们的容器给出了终端uuid并将它们连接起来。例如container0的端点是uuid container0sr（source）和container0tr（target）。

我已经修改了你的jsFiddle

修改是：

$('.stepnode').each(function(){ 
    InitContainer($(this)); 
});

给予UUID每个容器的端点：

uuid:el.attr("id")+"sr" //for source endpoint options 
uuid:el.attr("id")+"tr" //for target endpoint options 
jsPlumb.connect({uuids:["container1sr","container2tr"]}); //for connecting based on endpoint uuid

相关推荐