使用'postion：relative'與jsPlumb？

首先，我正在試驗（new to）jsPlumb。我似乎無法在jsPlumb文檔中找到以下內容，也不能通過Google搜索找到以下內容，因此現在必須時間繼續並詢問：基本上，我是否可以相對定位元素並讓它們與jsPlumb一起工作？使用'postion：relative'與jsPlumb？

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>

，但如果我改變`位置：absolute`到`位置：relative`的盒子，然後（拖動箱子超出當前視圖特別是當）飄忽不定的行爲變得。 jsPlumb是否只需要絕對定位的元素？如果我希望我的元素初始化相對定位會發生什麼？道歉，如果這（種）問題已被問及或其在文件的某處 - 但我找不到它。

來源

2013-03-28 user2143479

你的div必須是絕對位置的。 Div的相對定位不適用於拖動Check this。

來源

2013-04-15 11:23:46

感謝您的info..but如果位置設置爲相對，而拖動div的連接線不會採取其正確的位置。你可以在上面的小提琴中嘗試一下。其次，你的答案沒有意義。每一個你可以使用的答案都有一個添加評論鏈接。謝謝 –

使用'postion：relative'與jsPlumb？

回答

相關問題