Мне нужна помощь с кодом для викторины с несколькими вариантами ответов, но также нужны варианты true/false. У меня есть код, который делает викторину для вопросов с несколькими вариантами ответов с 3 вариантами, это нормально. Но когда мне нужен вопрос «верно/неверно» с двумя вариантами, он не будет скрывать последний вариант, а вместо этого покажет третий вариант из предыдущего вопроса. Я пробовал почти все, но я не мог понять, как я могу скрыть третий вариант в вопросе t/f. Следующий код - это код, который я использую. Слово «йоло» в опции означает опции, которые следует скрыть. Можно ли спрятаться?
$(function() {
var currentQuestion = null;
var questionIndex = 0;
// Your list of questions. Each question has an answer (either a,b or c)
// and then a set of "options" in the question
var questions = [
{
'answer': 'a',
'question': 'Wat is de correcte syntaxis in een HTML om te verwijzen naar een extern JS bestand:',
options: ['<script src="xxx.js">', '<script name="xxx.js">', '<script href="xxx.js">']
},
{
'answer': 'c',
'question': 'Welk teken is het teken voor JQuery in JQuery:',
options: ['Het ? teken', 'Het % teken', 'Het $ teken']
},
{
'answer': 'b',
'question': 'Wat is JQuery van JavaScript?',
options: ['Een uitbreiding (meer mogeliijkheden)', 'Een simpele versie (minder codes voor meer)', 'Hetzelfde (alleen de titel is anders)']
},
{
'answer': 'b',
'question': 'JQuery kan je direct gebruiken in een HTML bestand?',
options: ['Juist','Onjuist', 'yolo']
},
];
// Detect when the submit button is clicked and check if the question
// was answered correctly
$('input[type="submit"]').click(function() {
var val = $('#questions').find('input:checked').val();
if(currentQuestion) {
if(currentQuestion.answer == val) {
alert("Goed zo!");
showQuestion();
} else {
alert("Jammer, probeer het nog eens.");
}
}
return false;
});
// Set the value of an option in the question
function setRadioLabel(radioId, text) {
$('label[for="' + radioId + '"]').find('span.ui-btn-text').text(text);
};
// Show a random question
function showQuestion() {
// Grab next question, and increment so we get a new one next time
var random = questions[questionIndex++ % questions.length];
$('#question').text(random.question);
$('input[type="radio"]').attr('checked', false).checkboxradio('refresh');
setRadioLabel('radio1', random.options[0]);
setRadioLabel('radio2', random.options[1]);
setRadioLabel('radio3', random.options[2]);
currentQuestion = random;
};
// Start the question stuff off
showQuestion();
});
Еще одна проблема. Викторина никогда не заканчивается, когда в викторине есть все вопросы, она начинается снова с вопроса 1. Есть ли что-то, что могло бы закончить викторину последним вопросом?
Викторина (вопросы и варианты) на голландском языке. Это также мой первый вопрос, который я публикую, так что он может быть неверным (правильное место и путь и тому подобное).
Я забыл сказать, что версия JQuery — 1.9.1, а версия JQueryMobile — 1.3.1. Почему-то все равно не работает. Я попробовал 3 ответа, насколько я их понял. Может ли кто-нибудь отредактировать весь файл так, как он (или она) считает, что он должен работать.