JsPlumb':如果源`div`是`div`的孩子,`position:absolute` - > targed endpint错误绘制

时间:2016-09-21 09:51:16

标签: javascript html css jsplumb

我有以下设置: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 div would be at the global position 0px 0px`):

如果我从position: absolute;中删除了blackDiv,那么目标端点的绘制是正确的,但我有一个设置,其中我有嵌套div元素,这些元素保持彼此的相对位置:

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

screenshot 47

1 个答案:

答案 0 :(得分: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/