如何实现类似于重力的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'的divs上花很多钱，所以手动计算该值很重。 有人对此有解决方案吗？ 有没有人使用jPhysics插件？

Answer 1

当然，这是触发下降事件循环遍历所有坐标的一种情况，并且如果一个框的右侧在另一个框的左侧的10像素之内，则将第二个框移到适当位置，然后重复进行垂直测量。

我无法想象这太复杂了。