Jquery jsplumb未在嵌套div之间连接

Jquery jsplumb未在嵌套div之间连接,jquery,jsplumb,Jquery,Jsplumb,我在尝试让jsplumb在嵌套在列div中的两个div之间绘制连接器时遇到了一些问题 下面是一个显示问题的示例,有人能帮忙吗?尝试取消绝对位置 请参见由于您连接的两个元素具有不同的父元素,因此需要使用“容器”概念: 看起来上面的JSFIDLE示例不起作用,所以我为jsPlumb 1.7.5编写了一个小的工作示例 jsPlumb.ready(function() { var container = document.body; jsPlumb.setContainer(container

我在尝试让jsplumb在嵌套在列div中的两个div之间绘制连接器时遇到了一些问题


下面是一个显示问题的示例,有人能帮忙吗?

尝试取消绝对位置


请参见

由于您连接的两个元素具有不同的父元素,因此需要使用“容器”概念:


看起来上面的JSFIDLE示例不起作用,所以我为jsPlumb 1.7.5编写了一个小的工作示例

jsPlumb.ready(function() {
  var container = document.body;
  jsPlumb.setContainer(container);

  ...

  jsPlumb.connect({
    source: container.querySelector("#div1"),
    target: container.querySelector("#div2")
  });
})

完整示例

经过数小时的搜索,我终于找到了答案。对于那些使用ReactJS的人来说,顺序非常重要——所以在设置了
draggable()
makeSource
/
makeTarget之后,设置父div的
位置:绝对值