jsPlumb 无法连接到容器

Question

我尝试在我的 ASP.Net MVC 5 应用程序中使用 jsPlumb Community。
但是它写Cannot establish connection - source does not exist。我不明白为什么？在我的页面下方：

@section AddToHead {
    <script src="@Url.Content("~/Scripts/jsPlumb-2.2.8.js")" type="text/javascript"></script>
}

<script type="text/javascript">

    jsPlumb.ready(function () {
        var container = jsPlumb.setContainer($("#StagesSchemeContainer"));
        var endPoint = jsPlumb.addEndpoint("StagesSchemeEndpoint");
        jsPlumb.connect({ source: container, target: endPoint });
    });
</script>

<div id="StagesSchemeContainer">
    <div id="StagesSchemeEndpoint">

    </div>
</div>

我有这些ID，为什么给我写信说它不存在？

Answer 1

根据文档，源和目标都应该是端点。您仅将目标添加为端点。

没有测试，但应该是这样的：

jsPlumb.ready(function() {

    var container1 = jsPlumb.setContainer("StagesSchemeContainer");
    var endPoint1 = jsPlumb.addEndpoint("StagesSchemeEndpoint1");
    var endPoint2 = jsPlumb.addEndpoint("StagesSchemeEndpoint2");
    jsPlumb.connect({ source: endPoint1, target: endPoint2 });
});

当然，您还需要一个额外的 div 作为第二个端点

<div id="StagesSchemeContainer">
    <div id="StagesSchemeEndpoint1">

    </div>
    <div id="StagesSchemeEndpoint2">

    </div>
</div>

jsPlumb 无法连接到容器

jsPlumb can't connect to a container

javascript

asp.net-mvc-5

jsplumb