我想用jsPlumb连接两个容器。每个容器都应该有一个带有几个sub-div的结构。您可以在小提琴enter link description here
中看到它容器看起来像这样:
<div class="window" style="left: 20px" id="container0">
<div class="connect" id="c0_I0">In0</div>
<div class="connect" id="c0_I1">In1</div>
<div class="connect" id="c0_O0">Out0</div>
</div>
每个.connect-element都会通过以下代码从jsPlumb获取一个锚:
jsPlumb.addEndpoint(
$('#c1_I0'),
anEndpointDestination
);
容器由此css设置样式:
background-color: #AADD88;
border-top: 1px solid #555555;
color: black;
position: absolute;
我的问题:如果我将container0-Out0与container1-In1连接,绘制的行将conatiner0-Out0与container0-In1连接起来。我尝试了几件事情,因为如果我理解了文档但我失败了应该是可能的。
有什么问题?我需要这个容器conept和normaly我想从
扩展它<div class="window">
<div class="Inputs"> <-- This level is actual not implemented, but it would be nice to have for the UI
<div id="In1"></div>
</div>
</div>
更新:
经过三天的阅读,搜索等等......我决定问我的问题......有时候答案就是问这个问题:
我所要做的只是设置容器的默认值...我做了几次但是错误的类。
jsPlumb.Defaults.Container = $("body");