Question

我想通过点击按钮添加新节点（我有来自jsPlumb source endpoint does not move when source container is dragged的代码，我已经尝试了建议的答案，但仍然不适合我）。

不幸的是，当我拖动新节点时，端点（应该坚持使用叠加层）尚未更新其位置。鼠标移到端点后，端点将更新其位置。

这里是小提琴

`$（＆＃39; #addNode＆＃39;）。click（function（e）{ var newAgent = $（＆＃39;＆＃39;）。attr（＆＃39; id＆＃39;，＆＃39; flowchartWindow＆＃39; + num）.addClass（＆＃34; window singleFirst＆＃34;） ; newAgent.text（＆＃39; New Node＆＃39; + num）;

    $('#flowchart-demo').append(newAgent);

    _addEndpoints(newAgent, [], ["TopCenter"]);

    newAgent.draggable({
        containment: 'parent',
        drag: function (e) { $(this).find('._jsPlumb_endpoint_anchor_').each(function (i, e) {
                jsPlumb.repaint($(e).parent());
            });
        }
    });

    num++;
});`

http://jsfiddle.net/3ao1odjp/2

（请原谅我凌乱的代码。我试图结合官方jsplumb页面的示例演示（流程图）和上面的stackoverflow代码）

Answer 1

你应该替换

newAgent.draggable(...

与

instance.draggable(newAgent, ...

更新的jsFiddle项目为here

jsplumb端点没有更新拖动

1 个答案: