Question

首先，我正在试验（新的）jsPlumb。我似乎无法在jsPlumb文档中找到以下内容或通过谷歌搜索，现在我要绕圈子，所以一定要时间继续问：基本上，我可以相对定位元素并让它们与jsPlumb一起工作吗？ / p>

E.g。以下工作完美

<!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>

但如果我将'position：absolute`更改为'position：relative`，则行为变得不稳定（特别是当拖动框超出当前视图时）。 jsPlumb只需要绝对定位的元素吗？如果我希望我的元素初始化相对定位会发生什么？如果这个（某种）问题已经被问到或者在某个地方的文档中，我会道歉 - 但我找不到它。

Answer 1

你的div必须绝对定位。具有相对位置的Div不适用于拖动Check this。

使用'position：relative'和jsPlumb？

1 个答案: