2

編集

私のドラッグ アンド ドロップ ゲームには、ユーザーから隠されている単語が入力されたグリッドがあります。このゲームの目的は、音と絵を使ってこれらの単語を綴ることです。ユーザーは、関連する文字をグリッドにドラッグ アンド ドロップして単語を綴ります。

文字が正しければ、クラス「wordglow3」で緑色に光ります。間違っていると「wordglow」で赤く光ります。ゲームは子供向けなので、落とした文字が試行が完了するまでそこにとどまるのを見てもらいたいので、単語全体を見ることができるので、使用しました...

$(that).html($(ui.draggable).text().trim());

そこにとどまらせるために。問題は、ユーザーが単語を間違えた場合、同じ単語を次に試みたときにこれが機能せず、その理由がわからないことです。ユーザーが次の単語に到達すると、最初の試行で再び機能します。誰でも一貫性を保つのを手伝ってもらえますか?

アクションを実行するコードは次のとおりです...

if ($(that).data("letter") == $(ui.draggable).text().trim()) {

            $(that).removeClass("wordglow").addClass('wordglow3').css('color', 'white');
            $(that).html($(ui.draggable).text().trim());

        } else {

            $(that).addClass('wordglow');
            $('.drag').css("color", "white");
            $(that).html($(ui.draggable).text().trim());

        }

単語を試すたびにリセットする方法はありますか? 変数にしてからゼロにリセットしようとしましたが、うまくいきませんでした。

役立つフィドル - http://jsfiddle.net/smilburn/m8Squ/6/

4

1 に答える 1

0

問題を解決しました。

       if ($(that).data("letter") == $(ui.draggable).text().trim()) {

            $(that).addClass('wordglow3').css('color', 'white');
            $('.drag').css("color", "white");
            $(that).html($(ui.draggable).text().trim());


        } else {

            $(that).addClass('wordglow').css('color', 'white');
            $('.drag').css("color", "white");
            $(that).html($(ui.draggable).text().trim());

        }
于 2012-10-12T08:57:31.270 に答える