-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;
}

然后只要确保显示单词的东西有class="worddisplay"，或者将.s改为#s并给出单词display id="worddisplay"。

于 2012-07-17T13:47:13.290 回答
0

如果您需要添加或删除 CSS 类，您可以使用 jQueryaddClass和removeClass.

于 2012-07-17T09:11:40.070 回答
0

简单的想法。自己转换成解决方案。

每个字母都是一个div。并且有一个属性（可能是 ID），它的值是它在屏幕中的位置（位置）。

使用 jQuery draggable 来拖动它。当被拖动组件的位置与DIV匹配时，返回它。

于 2012-07-17T09:22:01.903 回答