JsPlumb

Question

之前没用过jsplumb，看了一些文档，看过了demo，还是没看懂..

我想创建一个这样的 DIV ：

一个输入和最多 8 个输出（此值可能会更改）我该怎么做呢？

我将考虑克隆此 div 并增加 div 的 ID，因此我最终可能会得到两个或更多需要能够加入的 div像这样。

任何人都可以帮助解决这个问题或给我一些简单的例子..

谢谢

Answer 1

您需要将较大的 div 添加为目标端点，将较小的 div 添加为源端点。

 var e1 =  jsPlumb.addEndpoint(idSource, sourceEndpoint);
        var e2 =  jsPlumb.addEndpoint(idTarget, targetEndpoint);

其中 sourceEndpoint 和 targetEndpoints 是定义端点外观和行为的对象。

查看其中一个示例以获得您想要的行为。然后 jsPlumb 应该允许您将连接从源拖放到目标。状态机演示几乎可以满足您的需求。

JsPlumb - 基本设置建议