javascript - jsplumb端点不更新拖动

Question

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

不幸的是，当我拖动新节点时，端点(应该与叠加层保持一致)没有更新其位置。在我将鼠标悬停在端点上后，端点将更新其位置。

这是 fiddle

`$('#addNode').click(函数 (e) { var newAgent = $('').attr('id', 'flowchartWindow' + num).addClass("window singleFirst"); newAgent.text('新节点' + 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