javascript - 我有一个检测 2 个 div 之间碰撞的函数。当碰撞结果为真时，如何执行新函数？

Question

编辑:简单来说，我可以检测 Frog 何时被汽车碾过，但我不确定如何使用该结果来运行下一个函数来隐藏 Frog 。

我正在为类作业制作一个简单的 Frog 游戏，到目前为止我已经成功地在 2 个 div 之间进行碰撞检测。我现在的问题是，当碰撞函数为真时，我如何使用它来运行第二个函数，例如隐藏玩家。

function collision($frogger, $car1) {
  var x1 = $frogger.offset().left;
  var y1 = $frogger.offset().top;
  var h1 = $frogger.outerHeight(true);
  var w1 = $frogger.outerWidth(true);
  var b1 = y1 + h1;
  var r1 = x1 + w1;
  var x2 = $car1.offset().left;
  var y2 = $car1.offset().top;
  var h2 = $car1.outerHeight(true);
  var w2 = $car1.outerWidth(true);
  var b2 = y2 + h2;
  var r2 = x2 + w2;

  if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false;
  return true;
}
 function handleCollisions() {
    if (collision($('#frogger'), $('#car1'))) {
       $('#frogger').hide; // hide player onCollision
      }
 }

Answer 1

hide是 jQuery 中的方法而不是属性。

 $('#frogger').hide();