首先,我正在尝试(新手)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 是否只需要绝对定位的元素?如果我希望我的元素初始化相对定位会发生什么?如果有人问过这个(某种)问题或者它在某个地方的文档中,我深表歉意 - 但我找不到它。