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

我正在使用来自的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>

您已经加载了

jquery.overlaps.js

，这与

jquery-collision

不同

jquery overlaps

具有相同的功能，但使用方式不同（例如：

$（碰撞器选择器）。overlaps（障碍物选择器）

）@Titus是正确的包括“jquery collision.min.js”文件其未出现错误转到此url下载并包括