我正在创建一个简单的算术游戏,其中有一个填充有数字的网格。数字是隐藏的,当游戏运行时,网格空间会突出显示。旁边的 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/