jsPlumb 无法连接多个点
jsPlumb unnable to connect mutiple points
我正在尝试将jsPlumb版本1.4.1与jquery依赖项一起使用,将UI中的一些div绑定在一起。
我的初始代码:
jsPlumb.bind("ready", function() {
var eclipse = jsPlumb.addEndpoint("java-eclipse");
var netbeans = jsPlumb.addEndpoint("java-netbeans");
jsPlumb.connect({
source:eclipse,
target:netbeans,
connector:"Straight",
paintStyle:{ lineWidth:5, strokeStyle:'rgba(0, 0, 200, 0.5)' },
endpoint:"Dot",
anchor:[ "Perimeter", { shape:"Circle" }]
});
});
它按预期工作,但是一旦我尝试添加更多端点以建立另一个连接:
//Innitial working endpoints
var eclipse = jsPlumb.addEndpoint("java-eclipse");
var netbeans = jsPlumb.addEndpoint("java-netbeans");
//Just adding these endpoints causes my script to crash
var javaSE = jsPlumb.addEndpoint("java-se");
var javaSW = jsPlumb.addEndpoint("java-sw");
这给我带来了以下错误:
Error: H is undefined
r@https://cdnjs.cloudflare.com/ajax/libs/jsPlumb/1.4.1/jquery.jsPlumb-1.4.1-all-min.js:1:9455
我不知道为什么我创建的第二组端点会导致整个事情崩溃,div 存在并具有正确的 id,并且查看 js 铅垂演示和文档建立两个单独的连接(se->sw 和 eclipse->netbeans)应该是可能的。
试试这个;
jsPlumb.connect({
source:eclipse,
target:netbeans,
connector:"Straight",
paintStyle:{ lineWidth:5, strokeStyle:'rgba(0, 0, 200, 0.5)' },
endpoint:"Dot",
anchor:[ "Perimeter", { shape:"Circle" }],
maxConnections: -1
});
相关文章:
- jsPlumb 无法连接多个点
- Jsplumb使用端点以编程方式添加连接
- 使用jsPlumb自动连接
- 如何删除jsPlumb连接
- jsPlumb - 连接是叠加标签
- jsPlumb&引导程序抽头:连接未正确显示
- 在jsPlumb图表中显示连接丢弃选项
- jsplumb连接不工作
- 在提交之前查询出所有jsplumb连接
- jsPlumb以编程方式连接源和目标
- jsPlumb连接没有相应地移动到元素位置
- jsplumb连接中未显示箭头
- 查找之间的jsPlumb连接
- JSPlumb连接表行
- jsPlumb拖拽连接:如何在连接上绑定点击事件
- JSPlumb显示连接标签悬停
- jsPlumb如何删除重复连接
- jsPlumb在建立连接并重命名连接(con_)时触发一个事件
- jsPlumb:拖动新连接应该删除现有连接
- JSPlumb连接分离后重新创建连接