javascript - 如何实现像重力这样的东西到 div 所以当我将 div 拖动到靠近它们时，距离 = 0？

Question

我在一个更大的 div 中有两个 div，比如

<div id='container'>
    <div class='demo'></div>
    <div class='demo'></div>
</div>

和

$('.demo')
 .resizable()
 .draggable()
 .droppable();

我可以在调整大小和拖动后获取 .demo div 的坐标和大小。我的问题是如何实现对那个 div 的重力之类的东西，所以当我将 .demo div 拖到另一个 .demo div 附近时（例如，当它们之间的距离小于 5px 时）以粘合它们，距离 =0 ？在生产中，我将有很多带有 class='.demo' 的 div，因此手动计算它很繁重。有人对此有解决方案吗？有人使用 jPhysics 插件吗？

Answer 1

当然，这只是触发 drop 事件循环遍历所有坐标的情况，如果一个框的右侧在另一个框的左侧 10px 范围内，则将第二个框移动到位，然后重复垂直测量。

我无法想象这太复杂了。