Прежде всего позвольте мне сказать, что я новичок в jQuery, и я определенно новичок в jsPlumb altough Я проверил официальный documentation Я не смог найти решение этой проблемы.jsPlumb Оконечная точка смещения
У меня есть два перетаскиваемых элемента div, каждый из которых имеет конечную точку, поэтому я могу подключить их друг к другу. Проблема в том, что когда я делаю соединение, а затем перетаскиваю любой из элементов div вокруг используемого мной изображения стрелки, он не размещается должным образом там, где он должен быть (я использую [«RightMiddle», «LeftMiddle»] для якорей).
Есть ли способ сделать изображения палкой на средней правой (или левой) стороне элементов div и не уйти с места?
Вот jsFiddle ссылка на то, что я до сих пор, и вот код:
$(document).ready(function() {
jsPlumb.draggable($('.table'), {
containment: '#schema'
});
var endpointOptions = {
isSource: true,
isTarget: true,
endpoint: ["Image", {
url: "http://i43.tinypic.com/1z31ac2.gif"
}],
style: {
fillStyle: 'gray'
},
maxConnections: -1,
connector: ["Flowchart", {
curviness: 5
}],
connectorStyle: {
lineWidth: 3,
strokeStyle: 'gray'
},
anchors: ["RightMiddle", "LeftMiddle"],
scope: "gray"
};
var ep01 = jsPlumb.addEndpoint("container0", endpointOptions);
var ep02 = jsPlumb.addEndpoint("container1", endpointOptions);
jsPlumb.connect({
source: ep01,
target: ep02
});
});