Javascript 保持正确的样式类

Javascript 保持正确的样式类,javascript,jquery,Javascript,Jquery,在我的拖放游戏中,有一个网格,其中填充了对用户隐藏的单词。游戏的目的是借助声音和图片拼写这些单词。用户通过将相关字母拖放到网格上来拼写单词。如果字母是正确的,它将以“wordglow3”类的绿色发光。如果它是错误的,它将发出红色的“wordglow”。现在我遇到了一个问题,因为如果我把正确的字母掉在一个单词上,它会在应该变绿的时候变红。这很奇怪,因为发生这种情况后,其他一切都正常工作,但我找不到问题的根源。有人能帮忙吗 下面是相应地应用类的脚本 drop: function(event, ui

在我的拖放游戏中,有一个网格,其中填充了对用户隐藏的单词。游戏的目的是借助声音和图片拼写这些单词。用户通过将相关字母拖放到网格上来拼写单词。如果字母是正确的,它将以“wordglow3”类的绿色发光。如果它是错误的,它将发出红色的“wordglow”。现在我遇到了一个问题,因为如果我把正确的字母掉在一个单词上,它会在应该变绿的时候变红。这很奇怪,因为发生这种情况后,其他一切都正常工作,但我找不到问题的根源。有人能帮忙吗

下面是相应地应用类的脚本

 drop: function(event, ui) {
        that = $('.spellword')[guesses[word].length];
        word = $(that).data('word');
        guesses[word].push($(ui.draggable).attr('data-letter'));

        if ($(that).text() == $(ui.draggable).text().trim()) {
            $(that).addClass('wordglow3').css('color', 'white');
            $(".minibutton").hide();
            $('.next').hide();
        } else {
            $(that).addClass('wordglow');
            $('.drag').css("color", "white");
            $(".minibutton").hide();
            $('.next').hide();
        }

拨弄来帮助-

你的病情似乎不对劲<代码>$(即).text始终是空字符串


在JSFIDLE中,如果将其替换为“
$”(that).data(“letter”)
,则所有(与发光颜色相关的)内容都会正常工作。

可能是类“stack”,因此请尝试先删除另一个类:
$(that.).removeClass(“wordglow”).addClass(“wordglow3”).css(“颜色”、“白色”)谢谢,但不做任何更改@Shadow Wizardlogging$(that).text()返回一个空白字符串:谢谢,行得通。你知道我将如何让字母显示在方框中,以便用户可以看到他们拼写的内容(错或对)@TonioElGringo@sMilbz我不知道,可能像
$(that).html($(ui.draggable).text().trim())
,还有一些css来让它看起来不错。这对正确答案很有用。有什么不正确的想法吗@TonioElGringo@sMilbz你也可以这样做。如果没有显示,可能是css不对,请尝试
$(that).css('color','white')
。玩得高兴