javascript - 两个 div 之间的 jQuery 冲突未按预期工作

Question

我从这里使用 Jquery 碰撞插件并在这里​​尝试了一个小提琴。当用户将一个对象移到另一个对象上时，我正在尝试检查碰撞结果。它没有按预期工作，并引发错误，说明未定义碰撞。

jQuery代码

$(document).keydown(function(e) {

  //Move arrow keys
  if (e.keyCode === 37) {
    $("#object1").animate({
      left: "-=5"
    }, 0);
  }
  if (e.keyCode === 38) {
    $("#object1").animate({
      top: "-=5"
    }, 0);
  }
  if (e.keyCode === 39) {
    $("#object1").animate({
      left: "+=5"
    }, 0);
  }
  if (e.keyCode === 40) {
    $("#object1").animate({
      top: "+=5"
    }, 0);
  }


  var colliders_selector = "#object1";
  var obstacles_selector = "#object2";
  var hits = $(colliders_selector).collision(obstacles_selector);
  alert(hits);
});

HTML 代码

<div id='object1'>

</div>

<div id='object2'>

</div>