[英]Collision detection with JavaScript. (Check if 2 Block Level elements are touching)
I Want To check if my div have touch another div 我想检查我的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 http://jsfiddle.net/48m6rof6
if My div Touch any div it Must alert Game over and return to its place I have checked if it touched first box but if there is any simple way to check ? 如果我的div触摸了任何div,它必须提醒游戏结束并返回其位置,我已经检查了是否触摸了第一个框,但是是否有任何简单的检查方法?
您可以像这样使用Jquery冲突插件 :
var x = $("#div1").collision(".div2");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.