保持正确的风格类

Question

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

Answer 1

你的病情似乎是错的。 $(that).text始终是空字符串。

在JSFiddle中，如果用$(that).data("letter")替换它，一切（与发光颜色相关）似乎都有效。