无法在JSPlumb中创建直线连接
我试图在JSPlumb中创建两个endpoint之间的直线连接。当我尝试连接到endpoint时，将拖动源点，而不是创建直线连接。
这里是小提琴：http://jsfiddle.net/dutchman71/aMksZ/2/
谢谢你的帮助。
var endpointOptions = {
anchor:"BottomCenter",
maxConnections:1,
isSource:true,
isTarget:true,
endpoint:["Dot", {radius:5}],
paintStyle:{fillStyle:"#5b9ada"},
connectorStyle : { lineWidth: 3, strokeStyle:"#5b9ada" },
connector : new jsPlumb.Connectors.Straight(),
setDragAllowedWhenFull:true,
connectorOverlays:[
[ "Arrow", { width:20, length:30, location:1, id:"arrow" } ],
[ "Label", { label:"", id:"label" } ]
]
}
jsPlumb.bind("ready", function() {
jsPlumb.addEndpoint('block1', endpointOptions);
jsPlumb.addEndpoint('block2', endpointOptions);
jsPlumb.draggable('block1');
jsPlumb.draggable('block2');
});
共有1个答案
是的，看来我可能已经找到了答案（见文档）。替换此行：
connector: new jsPlumb.Connectors.Straight()
这一行：
connector: ["Straight"]
-
我有div，可以拖放到绘图区域。可以使用鼠标从源endpoint拖放到目标endpoint手动连接这些div。在这样创建的连接上，连接被分离，但endpoint保留，删除的连接可以通过上述相同的手动过程重新创建。现在，我还将以json格式的连接节点流程图形式的绘图保存到磁盘文件中。在加载文件时，流程图会完美地显示所有连接和节点。现在我在点击一个节点时删除一个连接，它就可以工作了。但是现在我不能再次
-
在试图通过浏览器访问我的应用程序时，我遇到了不少错误。错误包括： 无法自动连线方法：public void com。ProjectOne。Util。自定义HibernatedAOSupport。anyMethodName（org.hibernate.SessionFactory）；嵌套的异常是org。springframework。豆。工厂NoSuchBeanDefinitionException
-
我试图在独立模式下部署Hbase以下这篇文章：http://hbase.apache.org/book.html#quickstart.版本是0.92.1-cdh4.1.2 但我得到这些错误时，试图创建一个表： 错误消息： 输出日志： 我的配置： > 在hbase env中添加了JAVA_HOME。上海 hbase_网站。xml 我试图修改/etc/hosts，它看起来像这样（oracle是主机名
-
本节，我们创建一个简单的直线运动的动画，来考验一下我们的Animation类。动画的内容是，把一个盒子从画布的左侧移动到右侧。 图5-2 创建直线运动 操作步骤 按照以下步骤，把一个盒子从画布的一侧移动到另一侧： 1. 链接到Animation类： <head> <script src="animation.js"> </script> 2. 实例化一个Animation对象，并获取画布上下文对
-
我创建了一个包含一系列数据的图表。现在，我正在尝试向图表中添加一个滑块/线标记，如下所示。 我使用此处提供的MPAndroidChart库创建了图形/图表https://github.com/PhilJay/MPAndroidChart. 该图似乎运行良好，但我需要像下面这样的线滑块，以便当我触摸图形时，线滑动并提供与图形相交的线的值。有人能帮我解决这个问题吗，或者我必须使用不同的库来实现这一点。
-
我想画一个流程图。我动态创建div，并为每个div设置了唯一的“id”属性，并使用Jsplumb连接器连接它们。 我从数据库中获取源和目标id（请注意，动态创建的div的“id”属性是其从数据库中的id），并存储在“connectors”json中。其格式如下： {[from:A，to:B]，[from:A，to:C]，[from:B，to:C]} jsplumb代码如下 问题： 我现在拥有的是