0
我创建了一个简单的用户界面,用户可以从工具箱中拖放元素并将它们放在画布上,然后将它们相互连接。但是,当我在给每个连接点(元素左上角的白色正方形)和唯一ID之后尝试进行连接时,连接线将从画布中的其他位置开始,并且不会如下所示进行连接。尽快当我释放鼠标连接线消失。在jsPlumb中创建元素之间的连接
这里是我的JS函数,其中我把元素
function dropCompleteElement(newAgent,i,e,kind)
{
$(droppedElement).draggable({containment: "container"});
var finalElement = newAgent;
r++; q++;
if(kind=="import")
{
var connection = $('<div>').attr('id', i + '-import').addClass('connection');
}
else if (kind=="export")
{
var connection = $('<div>').attr('id', i + '-export').addClass('connection');
}
else
{
var connection = $('<div>').attr('id', i + '-defined').addClass('connection');
}
finalElement.css({
'top': e.pageY,
'left': e.pageX
});
finalElement.append(connection);
$('#container').append(finalElement);
jsPlumb.draggable(finalElement, {
containment: 'parent'
});
jsPlumb.makeTarget(connection, {
anchor: 'Continuous'
});
jsPlumb.makeSource(connection, {
anchor: 'Continuous'
});
$("#container").removeClass("disabledbutton");
$("#toolbox").removeClass("disabledbutton");
var myNode = document.getElementById("lot");
var fc = myNode.firstChild;
while(fc) {
myNode.removeChild(fc);
fc = myNode.firstChild;
}
$(".toolbox-titlex").hide();
$(".panel").hide();
}