Question

我正在创建一个简单的计算游戏，其中有一个填充数字的网格。数字是隐藏的，当游戏运行时，网格空间会突出显示。旁边的div产生一笔金额以帮助用户得到正确的答案。然后，用户单击动画到位的相应数字，并指示它们是对还是错。

我遇到的问题是，当程序运行时，触发器（'click'）函数应该在网格中随机选择一个区域并应用类.spellword。这将突出显示紫色区域，指示在哪里放置答案。

在我运行程序的那一刻，没有任何事情发生，我不知道为什么。我做了同样的游戏，但是用了文字，它运作良好。

这是按钮的功能

$('.minibutton').click(function() {

$('.minibutton').prop('disabled', false);
$('.picstyle').show();
$('td').removeClass('spellword');
var r = rndWord;
while (r == rndWord) {
    rndWord = Math.floor(Math.random() * (listOfWords.length));
}

$('td[data-word="' + listOfWords[rndWord].name + '"]').addClass('spellword');
$('td[data-word=' + word + ']').removeClass('wordglow').removeClass('wordglow4').removeClass('wordglow3').css('color', 'transparent');

var noExist = $('td[data-word=' + listOfWords[rndWord].name + ']').hasClass('wordglow2');
if (noExist) {
    $('.minibutton').click();

} else {

  $('.picstyle').text(sum);

}

}).trigger("click");

小提琴：http://jsfiddle.net/ZAfVZ/33/

Answer 1

每个表格单元格上的数据字母和数据字都是空白的。这就是你的代码失败的原因。

修改：请参阅this JSFiddle for a working example。为表格单元格分配数据字母时，您缺少字符串强制转换（word.toString()[k]）。你仍然有一些没有答案的表格单元格而没有data-word - 这是故意的吗？

将样式应用于随机网格空间

1 个答案: