保持正确的样式类答案

【问题标题】：Keeping the correct style classes保持正确的样式类
【发布时间】：2012-10-10 08:05:34
【问题描述】：

在我的拖放游戏中，有一个网格填充了对用户隐藏的单词。游戏的目的是借助声音和图片拼写这些单词。用户通过将相关字母拖放到网格上来拼写单词。如果字母正确，它将在“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();
        }

帮帮忙 - http://jsfiddle.net/smilburn/Dxxmh/57/

【问题讨论】：

可能是类“堆栈”，所以先尝试删除另一个类：$(that).removeClass("wordglow").addClass('wordglow3').css('color', 'white');
谢谢，但没有改变@Shadow Wizard
记录 $(that).text() 返回一个空白字符串：

标签： javascript jquery

【解决方案1】：

你的情况似乎不对。 $(that).text 始终为空字符串。

在 JSFiddle 中，如果您将其替换为 $(that).data("letter")，一切（与发光颜色相关的）似乎都可以工作。

【讨论】：

谢谢你的作品。知道如何将字母丢弃显示在框中，以便用户可以看到他们拼写的内容（错误或正确）？ @TonioElGringo
@sMilbz 我不知道，可能是 $(that).html($(ui.draggable).text().trim()) 之类的东西，还有一点 css 让它看起来不错。
这适用于正确答案。任何想法不正确？ @TonioElGringo
@sMilbz 你也可以这样做。如果没有显示，可能是css不对，试试$(that).css('color','white')。玩得开心。