拖动时嵌套可拖动抖动的端点

Question

看看this fiddle。单击“New Container”，将容器向下和向右拖动，然后单击容器内的+按钮。现在拖动新元素。附加到它的端点无法决定它们是相对于容器还是相对于文档定位，因此它们在两者之间来回抖动。这是在drag() 函数期间调用jsPlumb.repaintEverything；如果你忽略它，端点会停留在错误的位置而不是抖动。

我认为问题可能在于容器是expected 具有position: relative，而可拖动项目预计具有position: absolute。所以我尝试将内部可拖动对象放入可拖动容器内的<div> 和position: relative；这没有帮助。

我的问题看起来可能类似于this GitHub issue 中提到的问题，但据说该错误已得到修复。 Another issue 提到 jQuery 的拖动不可靠，我们应该使用 vanilla jsPlumb 代替；如果我绝对必须的话，我可以在没有 jQuery 的情况下重建它，但这会使我为这个项目制定的一些未来计划变得更加困难。

如何使嵌套的可拖动元素的端点定位平滑可靠？

Answer 1

您可以使用不同的实例：jsPlumb.getInstance()。请与JSFiddle example一起玩。本例要解决的主要问题是：

1. 需要防止来自不同实例的元素之间的连接。
2. 需要包含调整大小事件处理程序。