形成兩個div與JsPlumb庫閉環

Question

我有2周的div位置絕對：

<div class="node" id="block1" style="position: absolute;">Block1</div> 
<div class="node" id="block2" style="position: absolute;">Block2</div> 

每個塊都有源和目標端點：

var targetOption = {anchor:"TopCenter", 
        maxConnections:-1, 
        isSource:false, 
        isTarget:true, 
        endpoint:["Dot", {radius:5}], 
        paintStyle:{fillStyle:"#66FF00"}, 
        setDragAllowedWhenFull:true} 

var sourceOption = {anchor:"BottomCenter", 
        maxConnections:-1, 
        isSource:true, 
        isTarget:false, 
        endpoint:["Dot", {radius:5}], 
        paintStyle:{fillStyle:"#FFEF00"}, 
        setDragAllowedWhenFull:true} 

jsPlumb.bind("ready", function() { 

    jsPlumb.addEndpoint('block1', targetOption); 
    jsPlumb.addEndpoint('block1', sourceOption); 

    jsPlumb.addEndpoint('block2', targetOption); 
    jsPlumb.addEndpoint('block2', sourceOption); 

    jsPlumb.draggable('block1'); 
    jsPlumb.draggable('block2'); 
}); 

我想源端點鏈接每個塊的目標端點的另一個塊，但我不能這樣做。如果我將第一個塊的源端點鏈接到第二個塊的目標端點，則第二個塊的源端點將不起作用。

有沒有人知道我可能被誤解的地方？

Answer 1

我找到了解決方案。我只需要爲每個對象正確設置z-index：

._jsPlumb_connector { 
    z-index:1; 
} 

div.node { 
    z-index:2; 
} 

._jsPlumb_endpoint { 
    z-index:3; 
}