两个div之间的jQuery冲突无法按预期工作

Question

我正在使用here中的Jquery冲突插件，并尝试了一个小提琴here。我正在尝试检查用户将一个对象移到另一个对象上时的碰撞结果。它未按预期工作，并且抛出错误，表明未定义碰撞。

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>

Answer 1

我不确定这是否行得通但是试试这个

`http://jsfiddle.net/lilglower/mptp3/5/`