Итак, я создал небольшую игру jeopardy, и все это работает, за исключением моей функции, которая обрабатывает ответ (если ответ был отправлен нами).

Что я хочу, чтобы произошло

Когда вы отправляете ответ, вопрос должен удалить класс, unanswered а gain добавить соответствующее значение к score переменной.

Что он делает в данный момент

После отправки ответа класс unanswered остается присутствующим (позволяя пользователям щелкнуть вопрос, на который они ответили заранее). Обновление оценки действительно работает*

• За исключением того, что он принимает первое значение и применяет 100 пунктов к каждому вопросу, поэтому из 3 вопросов мой максимум — это 300 то, что должно быть 600 .

Поскольку это приложение приличного размера, я включу ниже plunkr, но вот мои файлы:

Обрабатывать функцию ответа

 var category = $(this).parent().data('category');
var value = $(this).data('question');
var score = $('#unanswered').html();
var tempvar = x[category][value];
var answers = $('#answers');    
 
function handleAnswer(){
    $('.answer').click(function(){// hide empty the tile, mike it unclickable, update the score if correct, and hide the modal
        var tile = $('div[data-category="' $(this).data('category') '"]>[data-question="' $(this).data('question') '"]')[0];
        $(tile).empty().removeClass('unanswered').unbind().css('cursor','not-allowed');
        if ($(this).data('correct')){
            score  = parseInt($(this).data('value'));
        }
        $('#question-modal').modal('hide');
        updateScore();
    });
}
  

Questions.JSON

Полностью рабочий пример PLUNKR

Вещи, которые я пробовал

Честно говоря, я создавал это 3 разных раза, пробуя разные маршруты прохождения, и, похоже, я не могу заставить их все работать вместе. Я перепутал разные переменные и всю структуру JSON.

Спасибо, что взглянули, я ценю любую помощь или направление, на которые вы можете мне указать!