我想检查一下我的div是否碰到了另一个div
here is my Work
$(document).mousemove(function(event){
if(getmouse){
var newX= event.pageX-20;
var newY= event.pageY-20;
$('.mybox').css('left',newX + "px");
$('.mybox').css('top',newY+ "px");
var checkY = parseInt($('.box1').css('top').slice(0,-2));
var checkX = parseInt($('.box1').css('left').slice(0,-2));
var padingval = parseInt($('.box').css('padding').slice(0,-2))*2;
console.log(checkY+padingval+" - "+newY);
if((newY==checkY&&newX==checkX)||newY+20<checkY-padingval
||newY-20<checkY+padingval)
{
alert('Game Over');
getmouse = false;
$('.mybox').css('top',"240px");
$('.mybox').css('left',"420px");
}
}
})
http://jsfiddle.net/48m6rof6 如果我的div触摸任何div,它必须提示游戏结束并返回其位置我已经检查了它是否碰到了第一个盒子,但是否有简单的方法来检查?
你可以像这样使用Jquery的碰撞插件:
var x = $("#div1").collision(".div2");