编辑

在我的拖放游戏中,有一个网格,其中填充有对用户隐藏的单词。游戏的目的是借助声音和图片来拼写这些单词。用户通过将相关字母拖放到网格上来拼写单词。

如果字母正确,它将以类“ 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/

10-11 20:05
查看更多