두 div 간의 충돌을 감지하는 방법은 무엇입니까?

Question

나는이 div의 쿼리 UI를 사용하여 서로 충돌하는 경우 탐지하려고

내가 가진

<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 내부의 sensor DIV div가 target 이미지와 충돌합니다. Jquery UI를 사용하여이 작업을 수행 할 수 있습니까? 도와 주셔서 감사합니다!

Answer 1

Drag and Drop Events은 수행하려는 작업을 처리 할 수 ​​있습니다. 정확한 콜리 전을 감지해야하는 경우 mousemove 이벤트를 사용하여 상황이 바뀔 때마다 알림을 받고 JQuery의 offset(), width() 및 height() 함수를 사용하여 각 요소의 좌표 및 크기를 가져 와서 비교할 수 있습니다. 두 개의 사각형이 교차하는지 확인하십시오.