2015-12-13 4 views
0

У меня есть некоторые элементы div, которые я хочу связать с ними через JSPlumb Community Edition. У меня есть эти строки кодов в JavaScript:JSPlumb Endpoint Multiple Connections

$("#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 в вариантах конечной точки!