使“下一个”按钮起作用

Question

我正在创建一个简单的数字游戏，其中有一个用数字填充的网格。 数字被隐藏，并且在运行游戏时突出显示了网格空间。 一侧的div产生一个和，以帮助用户获得正确的答案。 然后，用户单击动画到位置的相应数字，并发出信号指示对与错。

我只有一个下一个按钮（'.minibutton'），因此，如果用户输入的答案错误3次，则他们就有机会移至下一个问题。 该按钮还具有.trigger（'click'）函数，以便在正确完成单词操作后会自动继续并保持游戏顺畅。

我的问题是按钮已停止工作，我对原因一无所知 。 这是“ .minibutton”功能...

$('.minibutton').click(function() {
var sum = $('#answerlist li[data-answer="' + answer + '"]').data('sum');
$(right).val('');
$(wrong).val('');
$('td').removeClass('spellanswer');
score.wrong = 0;
var r = rndanswer;
while (r == rndanswer) {
    rndanswer = Math.floor(Math.random() * (listOfanswers.length));
}

当我添加此语句时，按钮停止工作

 //for (var x = 0; x < listOfanswers.length; x++) {
    //if (eval(sum.replace("=", "").replace("x", "*")) == listOfanswers[x].name) {
       // rndanswer = x;
   // }
//}

$('td[data-answer="' + listOfanswers[rndanswer].name + '"]').addClass('spellanswer');
$('td[data-answer=' + answer + ']').removeClass('answerglow').removeClass('answerglow4').removeClass('answerglow3').css('color', 'transparent');

var noExist = $('td[data-answer=' + listOfanswers[rndanswer].name + ']').hasClass('answerglow2');
if (noExist) {
    $('.minibutton').prop('disabled', false);

} else {

    $('.sumstyle').text(sum);
    sum.hide();

}
}).trigger("click");

http://jsfiddle.net/ZAfVZ/28/

Answer 1

运行jsFiddle会出现此错误：

Object 1 + 2 = has no method 'hide'

您正在尝试隐藏字符串，这显然是错误的。 在那之后导致脚本停止执行。 删除/注释sum.hide() ，然后在三个错误的猜测之后出现“下一步”按钮。

我已经编辑了JSFiddle以在函数顶部定义sum （一个文本字符串，其中包含玩家尝试回答的总和）和seumElem （包含该总和的HTML元素）： http : //jsfiddle.net/ZAfVZ / 30 /