Я хочу обнаружить столкновение div, когда пользователь перетаскивает их мышью.Как обнаружить деление div в моем случае?
У меня есть что-то вроде
<div id='drag-item'/>
<img src='drag' />
</div>
<img id='img1' src='img1.png'/>
<img id='img2' src='img21.png'/>
<img id='img3' src='img3.png'/>
<img id='img4' src='img4.png'/>
<img id='img5' src='img5.png'/>
var objects = {
'img1': {'offset':330..other property...},
'img2': {'offset':-450,other property...},
'img3': {'offset' : 100,other property...} ,
'img4': {'offset' : 430,other property...},
'img5': {'offset' :-260,other property...}
}
JS
$('#drag-item').draggable(
drag: function(){
var p = $('#drag-item').offset();
for(var i in objects){
var t = $('#' + i).position()
var hei = $('#' + i).height() + p.top;
if(p.top >= t.top && p.top <= hei){
console.log('hit the object')
}
}
}
)
Я хочу, чтобы показать «хит объект», когда ДИВ тащится и ударил одного из изображения, но я не могу показаться, обнаружить столкновение. Может ли кто-нибудь мне помочь?