Javascript跳过到最后一个函数，忽略其他函数

所以我同意帮助一位朋友完成他的一个小项目。制作一个简单的游戏，人们选择一条标记线，然后加载另一条标记线。我已经完成了布局和一些功能，但都很糟糕

当我尝试添加第三个阶段时，问题就开始了。我很确定我遇到了某种内存泄漏，因为一切都开始失控了。我目前的迭代尝试分离函数，但不可否认，我只知道一个基本的js类，我想我还不知道如何让它工作

我这里有一把js小提琴。您可以看到，在加载时，它会直接跳到第三级，甚至无法正常工作。我相信它的编码使正确答案“摇滚乐”闪烁绿色，但它仍然闪烁红色

function resetFrame1 (){

    $('#leftSide, #rightSide, #leftImage, #rightImage, #leftText, #rightText').fadeToggle(750).delay(1).css("background-color", "transparent");
    callback();

}

function resetFrame2 (){

    $('#leftSide, #rightSide, #leftImage, #rightImage, #leftText, #rightText').fadeToggle(750).delay(1).css("background-color", "transparent");
    callback();
}

function end(){
    //right now undefined since I can't get this to work at all.



}





function stageOne(){

    var score = 0;

    $('#leftText').text("Green Living. . . . . Easy!!!")

    $('#leftImage').html("<img src=>");

    $('#rightText').text("Burn Your Tires!");

    $('#rightImage').html("<img src=>");

    $('html').keyup(function(e){

        if (e.which==97 || e.which==65){
            score++;
            $('#leftSide').css( "background-color", "green");

            $('#leftSide').fadeToggle(1000).fadeToggle(2000).fadeToggle(1000).fadeToggle(2000, function(){
                    resetFrame1();
            });
        }   
        else if (e.which==76 || e.which==108){
            $('#rightSide').css( "background-color", "red");

            $('#rightSide').fadeToggle(1000).fadeToggle(2000).fadeToggle(1000).fadeToggle(2000, function(){
                    resetFrame1();
            });
        }   
    });

}   

function stageTwo(){


        $('#leftText').text("Keep your lights on. It prevents home invasion.")

        $('#leftImage').html("<img src=>");

        $('#rightText').text("The earth needs YOU!");

        $('#rightImage').html("<img src=>");

    $('html').keyup(function(e){

        if (e.which==97 || e.which==65){
            $('#leftSide').css( "background-color", "red");

            $('#leftSide').fadeToggle(1000).fadeToggle(2000).fadeToggle(1000).fadeToggle(2000, function(){
                    resetFrame2();
            });
        }   
        else if (e.which==76 || e.which==108){

            score++;
            $('#rightSide').css( "background-color", "green");

            $('#rightSide').fadeToggle(1000).fadeToggle(2000).fadeToggle(1000).fadeToggle(2000, function(){
                    resetFrame2();
            });
        }   
    }); 
}   


function stageThree(){


        $('#leftText').text("Organic Farms are Terrorists")

        $('#leftImage').html("<img src=>");

        $('#rightText').text("Environmental Activism is the new Rock&Roll.");

        $('#rightImage').html("<img src=>");

    $('html').keyup(function(e){

        if (e.which==97 || e.which==65){
            $('#leftSide').css( "background-color", "red");

            $('#leftSide').fadeToggle(1000).fadeToggle(2000).fadeToggle(1000).fadeToggle(2000, function(){
                    end();
            });
        }   
        else if (e.which==76 || e.which==108){

            score++;
            $('#rightSide').css( "background-color", "green");

            $('#rightSide').fadeToggle(1000).fadeToggle(2000).fadeToggle(1000).fadeToggle(2000, function(){
                    end();
            });
        }   
    }); 
}   




$(document).ready(function(){

    stageOne(); 

    stageTwo();

    stageThree();1

}); 

函数resetFrame1（）{
$（“#leftSide，#righside，#leftImage，#righimage，#leftText，#rightext'）。fadeToggle（750）。delay（1）。css（“背景色”，“透明”）；
回调（）；
}
函数resetFrame2（）{
$（“#leftSide，#righside，#leftImage，#righimage，#leftText，#rightext'）。fadeToggle（750）。delay（1）。css（“背景色”，“透明”）；
回调（）；
}
函数结束（）{
//现在还没有定义，因为我根本无法让它工作。
}
函数stageOne（）{
var得分=0；
$（“#leftText”）.text（“绿色生活……轻松！！！”）
$（'#leftImage'）.html（“”）；
$（“#rightText”）.text（“烧掉你的轮胎！”）；
$（'#rightImage'）.html（“”）；
$（'html'）.keyup（函数（e）{
如果（e.which==97 | | e.which==65）{
分数++；
$（'#leftSide'）.css（“背景色”、“绿色”）；
$（“#leftSide”）.fadeToggle（1000）.fadeToggle（2000）.fadeToggle（1000）.fadeToggle（2000，function（）{
resetFrame1（）；
});
}   
else if（e.which==76 | | e.which==108）{
$（'#rightSide'）.css（“背景色”，“红色”）；
$（“#右侧”）.fadeToggle（1000）.fadeToggle（2000）.fadeToggle（1000）.fadeToggle（2000，函数（）{
resetFrame1（）；
});
}   
});
}   
函数stageTwo（）{
$（“#leftText”）.text（“保持灯亮着，这样可以防止家庭入侵。”）
$（'#leftImage'）.html（“”）；
$（“#rightText”）.text（“地球需要你！”；
$（'#rightImage'）.html（“”）；
$（'html'）.keyup（函数（e）{
如果（e.which==97 | | e.which==65）{
$（'#leftSide'）.css（“背景色”，“红色”）；
$（“#leftSide”）.fadeToggle（1000）.fadeToggle（2000）.fadeToggle（1000）.fadeToggle（2000，function（）{
resetFrame2（）；
});
}   
else if（e.which==76 | | e.which==108）{
分数++；
$（'#rightSide'）.css（“背景色”、“绿色”）；
$（“#右侧”）.fadeToggle（1000）.fadeToggle（2000）.fadeToggle（1000）.fadeToggle（2000，函数（）{
resetFrame2（）；
});
}   
}); 
}   
函数stageThree（）{
$（“#leftText”）.text（“有机农场是恐怖分子”）
$（'#leftImage'）.html（“”）；
$（“#rightText”）.text（“环保行动主义是新的摇滚乐”）；
$（'#rightImage'）.html（“”）；
$（'html'）.keyup（函数（e）{
如果（e.which==97 | | e.which==65）{
$（'#leftSide'）.css（“背景色”，“红色”）；
$（“#leftSide”）.fadeToggle（1000）.fadeToggle（2000）.fadeToggle（1000）.fadeToggle（2000，function（）{
end（）；
});
}   
else if（e.which==76 | | e.which==108）{
分数++；
$（'#rightSide'）.css（“背景色”、“绿色”）；
$（“#右侧”）.fadeToggle（1000）.fadeToggle（2000）.fadeToggle（1000）.fadeToggle（2000，函数（）{
end（）；
});
}   
}); 
}   
$（文档）.ready（函数（）{
stageOne（）；
stagewo（）；
stageThree（）；1
}); 

我继续添加了我正在使用的js文件，以便允许链接到JSFIDLE

---

谢谢大家的帮助。请记住，正如我在帮助我的朋友时所说的那样，“任何好事都会受到惩罚”

您在document ready函数中一个接一个地调用函数。如果希望它们逐步显示，请调用stageOne（），然后使用一些逻辑前进到第二阶段（通过调用stagewo函数），或者使用一些导航在级别之间来回移动。因为stageThree是最后一个被调用的，所以它会被执行和呈现。

您在document ready函数中一个接一个地调用函数。如果希望它们逐步显示，请调用stageOne（），然后使用一些逻辑前进到第二阶段（通过调用stagewo函数），或者使用一些导航在级别之间来回移动。因为stageThree被最后调用，所以它被执行和呈现。

谢谢，伙计。在此之前，我只打电话给stageOne。然后，正如您在第一阶段中所看到的，任意一个选项都会调用resetframe1，它用于调用StageTorry。斯塔吉沃。它调用了resetframe2，它调用了。。。。问题是这也破坏了一切。我一直在尝试阅读关于“关闭”的文章，这听起来可能是我的问题，但仍然有点高，我会查看这篇文章，因为它有很多关于关闭的好信息和链接。谢谢。事实上，正是这篇文章让我开始走上这条轨道。就像我说的，仍然不确定这是更大的问题，但这似乎是一个前进的方向。谢谢，伙计。在此之前，我只打电话给stageOne。然后，正如您在第一阶段中所看到的，任意一个选项都会调用resetframe1，它用于调用StageTorry。斯塔吉沃。它调用了resetframe2，它调用了。。。。问题是这也破坏了一切。我一直在尝试阅读关于“关闭”的文章，这听起来可能是我的问题，但仍然有点高，我会查看这篇文章，因为它有很多关于关闭的好信息和链接。谢谢。T