javascript - JsPlumb' : if source `div ` is child of `div` with `position:absolute` -> targed endpint wrong drawn

Question

我有以下设置:https://jsfiddle.net/b6phv6dk/1/

它基本上包含两个蓝色div带有 jsPlumb 连接器的元素。

来源div是第三个黑人的 child div从顶部偏移 100 像素的元素，应用 position: absolute; .

似乎 jsPlumb 采取了黑色位置的差异 div到蓝色源 div (即 0px )并根据蓝色源的绝对位置绘制连接 div (因为 targed endpoint would be right if the blue source div would be at the global position 0px 0px`):

如果我删除 position: absolute;来自 blackDiv目标端点绘制正确，但我有一个嵌套的设置 div通过以下方式保持彼此相对位置的元素:

.item {
    position: absolute;
     top: value; 
    left: value
}

Answer 1

尝试将所有元素封装在一个容器中:

<div id="container">

  <div class="blackDiv">
    <div id="item_left" class="item"></div>
  </div>

  <div id="item_right" class="item" style="top: 100px; left:250px;"></div>

</div>

并将其设置在 jsplumb 实例上:

jsPlumb.setContainer("container");

https://jsfiddle.net/b6phv6dk/2/