2016-09-21 5 views
1

を描か> targed endpint私は次のセットアップがありますhttps://jsfiddle.net/b6phv6dk/1/JsPlumb':ソースが `div要素が` `位置にdiv``の子である場合: - absolute`間違っ

をそれは基本的にjsPlumbコネクタ付きの2つの青色divの要素が含まれています。

ソースdivは、で適用された、上から100pxのオフセットを持つ3番目の黒のdiv要素の子です。

jsPlumb青色ソースdiv(この絶対位置に応じて接続を(0PXある)青色ソースDIV黒divの位置の差を取り、描画するように思えるtarged endpoint would be right if the blue source DIV would be at the global position 0PX 0px`ため):

Iは、ターゲットエンドポイントが正しく描画さblackDivからposition: absolute;を除去するが、私はによって互いの相対位置を保持div要素をネストしている設定している場合:

.item { 
    position: absolute; 
    top: value; 
    left: value 
} 

screenshot 47

答えて

0

コンテナ内のすべての要素を封入してみてください:

<div id="container"> 

    <div class="blackDiv"> 
    <div id="item_left" class="item"></div> 
    </div> 

    <div id="item_right" class="item" style="top: 100px; left:250px;"></div> 

</div> 

とjsplumbインスタンス上で設定:

jsPlumb.setContainer("container"); 

https://jsfiddle.net/b6phv6dk/2/

関連する問題