0

最初に、私は(初めて)jsPlumbを試しています。jsPlumb のドキュメントやグーグルで次のことを見つけることができなかったようで、今はぐるぐる回っているので、先に進んで質問する時が来ているに違いありません: 基本的に、要素を相対的に配置して jsPlumb で動作させることはできますか?

例:以下は完全に機能します

<!DOCTYPE html><html>
<head>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
   <script type='text/javascript' src="PATH/TO/jquery.jsPlumb-1.3.16-all-min.js"></script>
</head>
<body>
   <div style='position: absolute; background-color: yellow; width: 100px; height: 100px' id='box1'>Box 1</div>
   <div style='position: absolute; background-color: pink; width: 100px; height: 100px' id='box2'>Box 2</div>
</body>

<script type='text/javascript'>
    jQuery(document).ready( function(){

       jsPlumb.draggable("box1");
       jsPlumb.draggable("box2");

       var e0 = jsPlumb.addEndpoint("box1", {
           endpoint:"Dot",
           anchor:"AutoDefault"
       });

       var e1 = jsPlumb.addEndpoint("box2", {
           endpoint:"Dot",
           anchor:"AutoDefault"
       });

       jsPlumb.connect({ source:e0, target:e1 });
})
</script>

</html>

しかし、ボックスの「位置: 絶対」を「位置: 相対」に変更すると、動作が不安定になります (特に、現在のビューを超えてボックスをドラッグする場合)。jsPlumb は絶対配置要素のみを必要としますか? 要素を相対的に配置して初期化したい場合はどうなりますか? この(一種の)質問が尋ねられた場合、またはどこかのドキュメントに記載されている場合は申し訳ありませんが、見つかりませんでした。

4

1 に答える 1

0

div は絶対位置に配置する必要があります。相対的に配置された Div はドラッグでは機能しませんこれをチェックしてください。

于 2013-04-15T11:23:46.223 に答える