Question

我之前从未使用过jsplumb，我已经阅读了一些文档并查看了演示，但我仍然不明白......

我想创建一个像这样的DIV： enter image description here

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

我将看看克隆这个div并增加div的ID，所以我最终可能会有两个或更多需要能够像这样加入的div。

enter image description here

任何人都可以帮忙解决这个问题，或者指出一些简单的例子。

由于

Answer 1

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

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

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

查看其中一个示例以获得您想要的行为。然后jsPlumb允许您将源连接拖放到目标。状态机演示与您需要的几乎完全相同。