JsPlumb´：如果源 `div` 是 `div` 的子级，`position:absolute` -> 目标端点错误绘制答案

【问题标题】：JsPlumb´: if source `div `is child of `div` with `position:absolute` -> targed endpint wrong drawnJsPlumb´：如果源 `div` 是 `div` 的子级，`position:absolute` -> 目标端点错误绘制
【发布时间】：2016-09-21 09:51:15
【问题描述】：

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

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

源div 是第三个黑色div 元素的子元素，该元素与顶部有100px 的偏移，应用position: absolute;。

似乎jsPlumb将黑色div的位置差异与蓝色源div（即0px）并根据蓝色源div的这个绝对位置绘制连接（因为targed endpoint would be right if the blue source divwould be at the global position0px 0px`):

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

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

【问题讨论】：

标签： javascript html css jsplumb

【解决方案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/

【讨论】：