Javascript 无法访问';isColliding';初始化前/divs冲突

Javascript 无法访问';isColliding';初始化前/divs冲突,javascript,html,jquery,jquery-collision,Javascript,Html,Jquery,Jquery Collision,我正在制作一个捉蛋游戏,在网上找到了一些代码片段,希望它们能一起工作,这样当两个div发生冲突时,分数会上升一分。我收到此错误,无法在初始化之前访问“isColliding”。另外,我不知道div冲突是否有效,因为由于错误,我无法测试它,提前感谢您的帮助 代码: let points=$('#points'); 设countpoints=0; 让重叠=isColliding(#basket“,#egg6”); 如果(重叠){ 函数EggHitsBasket(){ countpoints++; 点

我正在制作一个捉蛋游戏,在网上找到了一些代码片段,希望它们能一起工作,这样当两个div发生冲突时,分数会上升一分。我收到此错误,无法在初始化之前访问“isColliding”。另外,我不知道div冲突是否有效,因为由于错误,我无法测试它,提前感谢您的帮助

代码:

let points=$('#points');
设countpoints=0;
让重叠=isColliding(#basket“,#egg6”);
如果(重叠){
函数EggHitsBasket(){
countpoints++;
点。文本(“点:+countpoints”);
}
}
设isColliding=function(div1,div2){
设d1Offset=div1.offset();
设d1Height=div1.outerHeight(真);
设d1Width=div1.outerWidth(true);
设d1Top=d1Offset.top+d1Height;
设d1Left=d1Offset.left+d1Width;
设d2Offset=div2.offset();
设d2Height=div2.outerHeight(真);
设d2Width=div2.outerWidth(true);
设d2Top=d2Offset.top+d2高度;
设d2Left=d2Offset.left+d2Width;
返回!(d1Topd2Top | | d1Leftd2Left);
};

您在定义isColliding之前调用它,这与在以下代码段中发生的情况相同:

设x=y*2

假设y=42
您首先需要声明/定义函数,然后使用它
let points = $('#points');
let countpoints = 0;
let overlap = isColliding("#basket", "#egg6");

if (overlap) {
    function EggHitsBasket() {
        countpoints++;
        points.text("points:" + countpoints);
    }
}


let isColliding = function (div1, div2) {

    let d1Offset = div1.offset();
    let d1Height = div1.outerHeight(true);
    let d1Width = div1.outerWidth(true);
    let d1Top = d1Offset.top + d1Height;
    let d1Left = d1Offset.left + d1Width;

    let d2Offset = div2.offset();
    let d2Height = div2.outerHeight(true);
    let d2Width = div2.outerWidth(true);
    let d2Top = d2Offset.top + d2Height;
    let d2Left = d2Offset.left + d2Width;

    return !(d1Top < d2Offset.top || d1Offset.top > d2Top || d1Left < d2Offset.left || d1Offset.left > d2Left);
};