0

首先让我说我是 jQuery 的新手，而且我绝对是 jsPlumb 的新手，尽管我已经检查了官方文档，但我无法找到解决这个问题的方法。

我有 2 个可拖动的 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
});

});

4

1 回答 1

0

要使图像贴在 div 元素的中右（或左）侧，您可以简单地指定任何一个，而不是同时指定 RightMiddle 和 LeftMiddle。

anchors: "RightMiddle", // For your image Right position suits the best
于 2013-11-29T08:07:57.817 回答