Question

我正在尝试通过JQuery制作游戏再次尝试我的手，我试图在基于文本的控制台游戏和点击游戏之间移动。我有2个.js文件，一个包含基于文本的代码，另一个包含按钮masher。

我可以将其中的大部分内容用于工作，但我无法让点击游戏返回到表单以传回基于文本的游戏。

对于基于文本的游戏，我有一个脚本：

$(document).ready(function() {
    $("#console").fadeIn(3000); //A console to keep everything looking good
    $("form").submit(function() { //User input
    var input = $("#command_line").val(); //A nifty box to put your answers in
    //As you answer questions, the messages auto scroll
    $('#console').animate({scrollTop:$(document).height()}, 'slow');
)};

对于点击者方：

function warrior() {
    $('#console').animate({scrollTop:$(document).height()}, 'slow');
    swung = (swung + swungPower);
    document.getElementById('swung').innerHTML = swung;
    if (boardHP != 0) {
        boardHP = (boardHP - swungPower);
        document.getElementById('boardHP').innerHTML = boardHP;
    }
    else {
        $("<p>The board broke, lets set up a new one.</p>").hide().insertBefore("#placeholder").fadeIn(1000);
        boardHP = 100;
        document.getElementById('boardHP').innerHTML = boardHP;
        money++;
        document.getElementById("money").innerHTML = money;
        $("<p>You now have $" + money + ".</p>").hide().insertBefore("#placeholder").fadeIn(1000);
        Age++;
        document.getElementById("Age").innerHTML = Age;
        Str = Str + 3;
        document.getElementById("Str").innerHTML = Str;
        Def = Def + 2;
        document.getElementById("Def").innerHTML = Def;
        if (Age >= 25) {
            if (x.style.display === "inline-block") {
                x.style.display = "none";
            }
            $("<p>You are now old enough to go into battle, would you like to go to battle? y or n.</p>").hide().insertBefore("#placeholder").fadeIn(1000);
            //At this point the code should jump back inside game.js, but it doesn't want to.
            if (input == "y" || input == "Y" || input == "Yes" || input == "yes") {
                if (i.style.display === "none") {
                    i.style.display = "inline-block";
                    area = "Battle";
                    document.getElementById("area").innerHTML = area;
                }
            }
        }
    }
}

在'if（输入==是）'它应该打开另一个div，但它没有。我可以告诉，因为其他div没有显示，并且该区域没有变化。我尝试了很多东西，但我无法去做。 $（'＃console'）。animate（{scrollTop：$（document）.height（）}，'slow'）;允许文本显示在控制台中，但不会显示在最后一部分。我不能自己解决这个问题，也无法找到我要问的任何内容。

Answer 1

我最终不得不将战斗系统重新插入我的主要Java脚本页面以使其启动。它根本无法在Clicker Java脚本页面内启动。

JQuery - 你如何跳转到javascript页面？

1 个答案: