Question

我正在构建拼写游戏，您可以将字母拖到单词上。单词是“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)
        }

Answer 1

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

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

 myDiv.className += " incorrect";
}

这是您正在寻找的代码。

Answer 2

这是：

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

然后，只需确保显示单词的内容为class="worddisplay"，或将.更改为#，并将单词display id="worddisplay"。

Answer 3

如果您需要添加或删除CSS类，可以使用jQuery的addClass和removeClass执行此操作。

Answer 4

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

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

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

将伪代码转换为代码

4 个答案: