У меня есть некоторые элементы 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
во время выполнения и подключить два источника конечной точку к целевой конечной точке, но при подключении одного источника цель, цель не будет принимать второй источник. Как я могу это сделать?