jQueryで.loadができません。

Question

jQueryがわからなくて困っています。
game.htmlを固定し、main.jsの中で.loadでゲーム用のhtmlを毎回ロードしたいのですが、なにも変わらないです。
出ているのは最初にindex.htmlに遷移した際にmain.jsでloadしている画面だけです。

初歩的な質問でお恥ずかしいですが、よろしくお願い致します。

///main.js///
$(function() {
    // 値の初期化
    var readyTime = 2000;
    var limitTime = readyTime + 5000;

    // ゲームを表示する処理
    // TODO:「games」ディレクトリからランダムに選択するように変えたい

    // クイズを足したら、下の配列に手動で増やす
    var rlink = [];
    rlink[0] = "games/001.html";
    rlink[1] = "games/002.html";
    rlink[2] = "games/003.html";

    // ランダム表示
    var x = Math.floor(Math.random() * rlink.length);

    $("#game").load(rlink[x]);

    // 最初にルールをだけを表示して、2秒後に問題を表示する処理
    setTimeout(function(){
        $("#game-area").css("display", "block");
    }, readyTime);

    // 選択した結果を元にページ遷移
    setTimeout(function(){
        var gameResult = $("#game-result").attr("value");
        if (gameResult === "continue") {
            // 次の問題を表示
            // TODO:ページ遷移はせずに、「games」ディレクトリからまだプレイされていないゲームを表示するように変えたい。
            $("#game").load(rlink[x]);
//            window.location.href = 'game.html';
        } else {
            // 終了画面に遷移
            // TODO:クリアしたゲーム数を表示するようにしたい。ページ遷移ではなく読み込みの方がいいか？
            localStorage.removeItem("tostr");
            window.location.href = 'end.html';
        }
    }, limitTime);
});

Comments

[Lhankor_Mhy]

ソースコードのご提示をお願いします。

[skbhry]

失礼しました。jsファイルを追記しました。

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

Answer 1

xが更新されていないので、$("#game").load(rlink[x]); は最初から変わりありません。

Comments

[skbhry]

ありがとうございます！xが更新されるように修正してみます！

Answer 2

xが変わらないので、何回loadしても最初と同じrlink[x]と同じ内容がloadされます。
一度表示した内容を表示したくないということであれば、以下のようなコードはいかがでしょうか。

// 次の問題を表示 
rlink.splice(x,1); // リストの中から表示済みの問題を取り除く
x = Math.floor(Math.random() * rlink.length); // 数が減ったリストから問題のインデックスを計算する
$("#game").load(rlink[x]); // 新しいインデックスで問題をloadする

Comments

[skbhry]

回答ありがとうございます！非常にわかりやすく、助かります。

そしてすみません、質問が少し間違っていたのですが、
コードの下の方でコメントアウトしてあるのですが、
window.location.href = 'game.html';
でもう一度ページを読み込んでくるのではなく、
game.htmlは固定したまま、リロードで読み込んできたいのです。
現状は表示がなにも変わらず、こまっています。。

[masaya_ohashi]

私の提示した方法では動かなかったということですか？