编辑**
在我的文字游戏中,有一个带有 3 个字母单词的网格。
游戏的目的是通过单击侧面的相应字母来拼写单词。
当网格中的某个区域被突出显示时,它会向用户指示要拼写的单词。用户单击网格一侧的字母,它们会移动到突出显示的区域。
目前我有样式来显示单个字母是否正确,但是当一个单词完成时,我需要它来识别它,以便我可以将样式应用于它。
有人可以给我看一些识别正确和错误单词的代码吗?
当它是一个拖放游戏时,我是这样做的......
if (guesses[word].length == 3) {
if (guesses[word].join('') == word) {
$('td[data-word=' + word + ']').addClass('wordglow2');
} else {
$('td[data-word=' + word + ']').addClass("wordglow4");
target.splice(0, guesses[word].length);
}
});
这是单击动画功能的代码...
if (target.length) {
$(".minibutton").prop("disabled", true);
b.clone().addClass(
b.data("letter") == target.data("letter") ? "wordglow3" : "wordglow").appendTo("table").css({
background: "transparent",
position: "absolute",
top: currentPos.top,
left: currentPos.left
}).animate({
top: targetPos.top,
left: targetPos.left
}, "slow", function() {
$(this).css({
top: 0,
left: 0
}).appendTo(target);
target.addClass("occupied");
});
}
我试过这个...
if (target.length == 3) {
if (target.join('') == word) {
$(this).addClass('wordglow2');
} else {
$('td[data-word=' + word + ']').addClass("wordglow4");
guesses[word].splice(0, guesses[word].length);
}
});
还有这个...
if $(('.wordglow3').length == 3) {
$('td[data-word=' + word + ']').addClass('wordglow2');
} else if $(('.wordglow').length == 3) {
$('td[data-word=' + word + ']').addClass("wordglow4");
guesses[word].splice(0, guesses[word].length);
}
});
谢谢!
如果有帮助,这里有一个小提琴http://jsfiddle.net/smilburn/3qaGK/9/