-3

私は現在、文字を単語にドラッグするスペルゲームを構築しています。単語は「mat」および「drag13」 = "m"、 "drag1"="a"および"drag19"="t"です。文字が単語にドロップされたときに文字を認識するコードが必要です。それが認識されるかどうかに応じて、CSSによって与えられるスタイルが決まります。誰かが助けることができますか？ 

if ("mat" == drag13 + drag1 + drag19) {

            return true; (add a css style1)
        }

        else {

            return false; (add a css style2)
        }
4

4 に答える 4

1 
word = drag13+drag1+drag19;
myDiv = document.getElementById("adiv");
if(word == "mat"){
//do stuff

myDiv.className += " correct";
}else{
//do other stuff

 myDiv.className += " incorrect";
}

これはあなたが探している種類のコードです。

于 2012-07-17T09:05:50.510 に答える
1

ここに何かがあります：

if("mat" == (letters[13]+letters[1]+letters[19]))
{
  $(".worddisplay").css('property", 'value');
  return true;
}
else
{
  $(".worddisplay").css('otherproperty", 'othervalue');
  return false;
}

次に、単語を表示するものに があることを確認するか、 s をs にclass="worddisplay"変更して単語を表示します。.#id="worddisplay"

于 2012-07-17T13:47:13.290 に答える
0

シンプルなアイデア。自分でソリューションに変換します。

すべての文字は div です。属性 (ID の場合もあります) があり、その値は画面内の位置 (位置) です。

jQuery draggable を使用してドラッグします。ドラッグしたコンポーネントの位置が DIV と一致したら、元に戻します。

于 2012-07-17T09:22:01.903 に答える
0

CSS クラスを追加または削除する必要がある場合は、jQuery のaddClassおよびremoveClass.

于 2012-07-17T09:11:40.070 に答える