如何检测两个div是否与jquery接触?

前端之家收集整理的这篇文章主要介绍了如何检测两个div是否与jquery接触?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我只是开发一个简单的气球游戏与两个div。问题是,当两个div相互接触时,我无法触发一个函数

解决方法

你正在寻找边界框碰撞检测。如果你想提出一个事件,你必须反复测试,但最好只是从你的游戏循环的所有游戏对象运行该函数。沙箱在 http://jsfiddle.net/nGRwt/7/
  1. function collision($div1,$div2) {
  2. var x1 = $div1.offset().left;
  3. var y1 = $div1.offset().top;
  4. var h1 = $div1.outerHeight(true);
  5. var w1 = $div1.outerWidth(true);
  6. var b1 = y1 + h1;
  7. var r1 = x1 + w1;
  8. var x2 = $div2.offset().left;
  9. var y2 = $div2.offset().top;
  10. var h2 = $div2.outerHeight(true);
  11. var w2 = $div2.outerWidth(true);
  12. var b2 = y2 + h2;
  13. var r2 = x2 + w2;
  14.  
  15. if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false;
  16. return true;
  17. }

猜你在找的CSS相关文章