1
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
var conn = "";
var instance = "";
$(function(){
create_line("b");
$('#b').click(function(){
create_line("b");
});
$('#c').click(function(){
create_line("c");
});
});
function create_line(el){
jsPlumb.ready(function() {
if(conn!=""){
jsPlumb.detach(conn);
}
instance = jsPlumb.getInstance({
Anchors : [ "Center", "Center" ],
DragOptions : { cursor: 'pointer', zIndex:2000 },
EndpointStyles : [{ fillStyle:"red", outlineColor:"white", outlineWidth:10 }, { fillStyle:"red", outlineColor:"white", outlineWidth:10 }],
Endpoints : [ ["Dot", { radius:5 } ], [ "Dot", { radius:5 } ] ],
PaintStyle : {
strokeStyle:"red",
lineWidth:3
}
});
var a = jsPlumb.getSelector("#a");
instance.draggable(a);
conn = instance.connect({
source:a,
target:el,
connector:[ "Straight" ]
});
});
}
http://jsfiddle.net/wwc7G/5/разъем источника jsPlumb не двигается, когда исходный контейнер тащили
когда окна загрузки разъем линии между #a и #b ход, но когда я нажимаю на #c разъема линии между #a и #c не перемещается.
Пожалуйста, помогите и извините за мой английский.
К сожалению coding_idiot, я так глуп, как удалить родительский из makeSource? –