Jquery 如何检测两个div之间的碰撞？

我试图使用查询ui检测两个div是否相互冲突

我有点像

<div id='test' >
   <img src='img1.png'/>
  <div id='sensor'></div>
   <img src='img2.png'/>
</div>


<img id='target' src='target.png' />

我需要检测

测试

div内的

传感器

div是否与

目标

图像发生碰撞。使用jQueryUI可以做到这一点吗？谢谢你的帮助

系统可能会处理您试图完成的任务。但是，如果需要检测精确的碰撞，可以使用mousemove事件在物体移动时得到通知，然后使用JQuery的offset（）、width（）和height（）函数获取每个元素的坐标和大小，并比较它们以查看两个矩形是否相交

$('#test').draggable();