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();

我需要检测 test div 中的 sensor div 是否与 target 图像发生碰撞。使用 Jquery UI 是否可行？感谢您的帮助!

Answer 1

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