jsplumb在嵌套的div之间没有连接

问题描述:

我有一些问题试图让jsplumb在嵌套在列div中的2个div之间绘制连接器。jsplumb在嵌套的div之间没有连接

这是一个fiddle显示的问题,任何人都可以帮忙吗?

,因为你是连接有不同的父母两个元素,你需要使用的 '容器' 的概念:

http://jsfiddle.net/sporritt/5YwVu/9/

http://jsplumb.org/doc/content.html#containerDefault

尝试拿走绝对定位。

http://jsfiddle.net/chrisp_68/5YwVu/8/

+0

经过数小时的搜索,这是我的答案。对于那些使用ReactJS的人来说,顺序非常重要 - 所以在设置了'draggable()'和'makeSource' /'makeTarget'之后,设置父div的'position:absolute' – 2015-05-14 04:32:13

看起来像上面的jsfiddle例子不起作用,所以我写了jsPlumb的小工作例子1.7.5

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

    ... 

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

完整示例http://plnkr.co/edit/8uwriJCdJ77N4w9xJfzU?p=preview