编辑
在我的拖放游戏中,有一个网格,其中填充有对用户隐藏的单词。游戏的目的是借助声音和图片来拼写这些单词。用户通过将相关字母拖放到网格上来拼写单词。
如果字母正确,它将以类“ wordglow3”发出绿色光。如果输入错误,它将以“ wordglow”闪烁红色。由于游戏是为儿童准备的,我希望他们看到他们放下的字母一直待在那里,直到尝试完成为止,这样他们才能看到完整的单词,所以我已经习惯了...
$(that).html($(ui.draggable).text().trim());
使其停留在那里。问题是,如果用户输入错误的单词,则在下一次尝试输入相同的单词时,此操作将无效,我也不知道为什么。如果用户到达下一个单词,则它会在第一次尝试时再次起作用,依此类推。谁能帮助我保持一致?
这是执行动作的代码...
if ($(that).data("letter") == $(ui.draggable).text().trim()) {
$(that).removeClass("wordglow").addClass('wordglow3').css('color', 'white');
$(that).html($(ui.draggable).text().trim());
} else {
$(that).addClass('wordglow');
$('.drag').css("color", "white");
$(that).html($(ui.draggable).text().trim());
}
每次尝试输入单词后,有什么方法可以重设吗?我尝试将其设置为变量,然后将其重置为零,但没有用。
小提琴帮助-http://jsfiddle.net/smilburn/m8Squ/6/
最佳答案
我解决了问题。
if ($(that).data("letter") == $(ui.draggable).text().trim()) {
$(that).addClass('wordglow3').css('color', 'white');
$('.drag').css("color", "white");
$(that).html($(ui.draggable).text().trim());
} else {
$(that).addClass('wordglow').css('color', 'white');
$('.drag').css("color", "white");
$(that).html($(ui.draggable).text().trim());
}
关于javascript - 保持不正确的字母可见,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12836580/