如何检测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();

我需要检测sensor div中的test div是否与target图像发生碰撞。这可以使用Jquery UI吗？谢谢你的帮助！

Answer 1

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