2015-12-13 97 views
0

我有一些div元素,我想通过JSPlumb Community Edition连接它们。我在JavaScript中有这些行代码:JSPlumb端点多个连接

$("#create_item").click(function() { 
    var $i = "item" + counter; 
    var $txt = "Create " + counter; 
    var $div = $("<div>", {id: $i, class: "box create", text: $txt}); 
    $(".container").append($div); 
    counter++; 
    jsPlumb.ready(function() { 
     jsPlumb.draggable($i, {containment:"parent"}); 
     jsPlumb.addEndpoint($i, { 
      anchor:"Right" }, 
      sourceEndpointOptions); 
    }); 
}); 

$("#dispose_item").click(function() { 
    var $i = "item" + counter; 
    var $txt = "Dispose " + counter; 
    var $div = $("<div>", {id: $i, class: "box dispose", text: $txt}); 
    $(".container").append($div); 
    counter++; 
    jsPlumb.ready(function() { 
     jsPlumb.draggable($i, {containment:"parent"}); 
     jsPlumb.addEndpoint($i, { 
      anchor:"Left" }, 
      targetEndpointOptions); 
    }); 
}); 

var sourceEndpointOptions = { 
    endpoint:"Dot", 
    paintStyle:{ width:15, height:15, fillStyle:'#666' }, 
    isSource:true, 
    connectorStyle : { strokeStyle:"#666" }, 
    isTarget:false 
}; 

var targetEndpointOptions = { 
    endpoint:"Dot", 
    paintStyle:{ width:15, height:15, fillStyle:'#460CE8' }, 
    isSource:false, 
    connectorStyle : { strokeStyle:"#460CE8" }, 
    isTarget:true 
}; 

,我想要做的就是做两个#create_tem和一个#dispose_item在运行时和两个源端点连接到目标端点,但是当我连接一个源到什么目标,目标不会接受第二个来源。我怎样才能做到这一点?

回答

0

我在结束点选项中缺少maxConnections:-1