0
これはクイズで、各質問にJSONファイルの単語を入力しようとしています。JSONデータを使用してdivを挿入して、別のdivをHTMLに取り込みます。
activity.json質問 words.jsonある言葉が
誰かが私を助けることができていますか？それは未定義をもたらす。
私は言葉を移入したいのdivのIDが
#wordsである私は、失われたんだとそれらを表示する方法を見つけることができません。
$(document).ready(function() {
var questionNumber = 0;
var wordNumber = 0;
var questionBank = new Array();
var wordsBank = new Array();
var stage = "#game1";
var stage2 = new Object;
var questionLock = false;
var numberOfQuestions;
var score = 0;
$.getJSON('activity.json', function(data) {
for (i = 0; i < data.quizlist.length; i++) {
questionBank[i] = new Array;
questionBank[i][0] = data.quizlist[i].question;
questionBank[i][1] = data.quizlist[i].option1;
questionBank[i][2] = data.quizlist[i].option2;
questionBank[i][3] = data.quizlist[i].option3;
}
$.getJSON('words.json', function(data) {
for (i = 0; i < data.quizlist.length; i++) {
wordsBank[i] = new Array;
wordsBank[i] = data.quizlist[0].words1;
wordsBank[i] = data.quizlist[1].words2;
}
numberOfWords = wordsBank.length;
})
numberOfQuestions = questionBank.length;
displayQuestion();
}) //gtjson
function displayQuestion() {
var q1;
var q2;
var q3;
var q4;
var q5;
var rnd = Math.random() * 3;
rnd = Math.ceil(rnd);
if (rnd == 1) {
q1 = questionBank[questionNumber][1];
q2 = questionBank[questionNumber][2];
q3 = questionBank[questionNumber][3];
}
if (rnd == 2) {
q2 = questionBank[questionNumber][1];
q3 = questionBank[questionNumber][2];
q1 = questionBank[questionNumber][3];
}
if (rnd == 3) {
q3 = questionBank[questionNumber][1];
q1 = questionBank[questionNumber][2];
q2 = questionBank[questionNumber][3];
}
$(stage).append('<div class="questionText">' + questionBank[questionNumber][0] + '</div><div id="1" class="option">' + q1 + '</div><div id="2" class="option">' + q2 + '</div><div id="3" class="option">' + q3 + '</div>');
$('.option').click(function() {
if (questionLock == false) {
questionLock = true;
$('#words').append('<div class="word-pt bluedark_txt">' + q5 + '</div><div id="1" class="words word-en bluish_txt">' + q4 + '</div>');
//correct answer
if (this.id == rnd) {
$(stage).append('<div class="feedback1">CORRECT</div>');
score++;
}
//wrong answer
if (this.id != rnd) {
$(stage).append('<div class="feedback2">WRONG</div>');
}
setTimeout(function() {
changeQuestion()
}, 1000);
}
})
} //display question
function changeQuestion() {
questionNumber++;
if (stage == "#game1") {
stage2 = "#game1";
stage = "#game2";
} else {
stage2 = "#game2";
stage = "#game1";
}
if (questionNumber < numberOfQuestions) {
displayQuestion();
} else {
displayFinalSlide();
}
$(stage2).animate({
"right": "+=800px"
}, "slow", function() {
$(stage2).css('right', '-800px');
$(stage2).empty();
});
$(stage).animate({
"right": "+=800px"
}, "slow", function() {
questionLock = false;
});
} //change question
[jsFiddle]（https://jsfiddle.net/）を作成すると、このサイトのユーザーがあなたを支援する可能性が高くなります。 – Almond
クイズリストとは何ですか？私はあなたのforループでそれを参照して参照してくださいが、あなたはどこに定義されていません。 –
quizlistはjson変数@DanielZuzevichの名前です – spaceman