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")替换它，一切（与发光颜色相关）似乎都有效。

保持正确的风格类

1 个答案: