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 id="StagesSchemeContainer"> 
    <div id="StagesSchemeEndpoint1"> 

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

    </div> 
</div>