jquery - 如何检测2个div之间的碰撞？

Question

我正在尝试使用查询 ui 检测两个 div 是否相互碰撞

我有类似的东西

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


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

js

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

我需要检测sensordiv 内的div 是否与图像test碰撞。target使用 Jquery UI 是否可行？谢谢您的帮助！

Answer 1

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