jsPlumb无法连接到容器

Question

我尝试在我的ASP.Net MVC 5应用程序中使用ASP.Net。

但它写的是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>

我有这些is，为什么要写它不存在？

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>