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 に答える