如何檢測2個div之間的碰撞？

Question

我想檢測，如果兩個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（）函數獲取每個元素的座標和大小，並將它們與看看這兩個矩形是否相交。