1

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

4

1 回答 1

3

你的情况好像不对。$(that).text始终是空字符串。

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

于 2012-10-10T08:16:54.510 回答