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();
}