为什么我的问题和分数在基于JSON的游戏中更新不正确

Question

所以我已经构建了一个小规模的危险游戏，除了处理答案的函数（如果我们提交的答案）之外，它都有效。

我想要发生什么

当您提交答案时，问题应移除课程unanswered，并将相应的值添加到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

Fully Working PLUNKR Example

我尝试过的事情

老实说，我已经在不同时间尝试了不同的路径，并且我似乎无法将它们全部一起工作。我搞砸了不同的变量和整个JSON结构。

感谢您一眼，感谢您指点我的任何帮助或方向！