Dostaję moje wystąpienie tak:nie można używać jsplumb z drugiej funkcji
jsp = jsPlumb.getInstance();
jsp.setContainer(_domnodeId);
jsp.ready(function(){
//doing some stuff - connecting boxes with arrows...
var conn2 = jsp.connect({
source: boxSST_IPMRS_COBRAIP.boxId,
target: boxCOBRA_IM.boxId
});
}
wynik:
w innej funkcji robię to samo:
jsp = jsPlumb.getInstance();
jsp.setContainer(_domnodeId);
jsp.ready(function(){
//var dynamicAnchor = [ [ 0.2,1,0.5 ], [ 0.2, 1, 0.5 ], "Top", "Bottom" ];
var common = {
anchor:[ "Continuous", { faces:["bottom","right"] }],
endpoint: "Blank",
connector:[ "Bezier", { curviness:50 }, common ],
overlays: [
["Arrow", {location:1, width:10, length:10}],
]
};
jsp.connect({
source: boxes.b1.boxId,
target: boxes.b2.boxId
}, common);
}
Strzałki przesuwają się w lewy górny róg ... var jsp jest globalny i wyczyściłem _domnodeId na początku mojej drugiej funkcji. Jakieś sugestie?
wyczyszczenie mojego domnodeID:
function clean(container){
//remove everything
$("#" + container)
.children()
.not('nav')
.remove();
// box id counter
window.EvmClasses.chartBox.boxId = 0;
}
Zastanawiasz się, co się stanie, jeśli usuniesz 'faces: [" bottom "," right "]' from anchor? Jeszcze tego nie przetestowałem i jest to zwykłe założenie od kogoś, kto nigdy wcześniej nie używał jsplumb. – choz
Czy możesz zamieścić nieco więcej kodu lub jeszcze lepiej utworzyć [jsbin] (https://jsbin.com/?html,output) lub [jsfiddle] (https://jsfiddle.net/t)? – cviejo