JSPlumb节点拖动后,盒子端点没有跟着移动
时间: 2023-10-24 17:06:45 浏览: 45
JSPlumb 是一个流程图和连接库,如果您的节点拖动后,盒子端点没有跟着移动,可能是因为您没有正确设置端点的位置。您可以在节点拖动结束后,手动更新每个端点的位置,以确保它们跟随节点移动。
您可以在节点拖动事件的回调函数中,使用 JSPlumb 的 `updateEndpoint` 方法来更新端点的位置。例如,假设您的节点 ID 是 `node1`,端点的 ID 是 `endpoint1`,您可以使用以下代码来更新端点的位置:
```
jsPlumbInstance.updateEndpoint('endpoint1', {
anchor: 'Continuous',
endpoint: 'Dot',
isSource: true,
isTarget: true,
cssClass: 'endpoint',
connector: ['Bezier', { curviness: 150 }],
connectorStyle: {
stroke: '#5c96bc',
strokeWidth: 2
},
endpointStyle: {
fill: '#5c96bc',
radius: 4
}
}, {
anchor: 'Continuous',
uuid: 'node1'
});
```
在上面的代码中,第一个参数是端点的 ID,第二个参数是端点的配置选项,第三个参数是端点所连接的节点的 ID。您需要将这段代码放在节点拖动事件的回调函数中,并调用它来更新每个端点的位置。
希望这可以帮助您解决问题。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)