Javascript 保持不正确的字母可见

编辑

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

如果字母是正确的，它将以“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());

        }

是否有一种方法可以在每次尝试单词后重置？我试着把它变成一个变量，然后把它重置为零，但没有成功

我解决了这个问题

       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());

        }

我解决了这个问题

       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());

        }