javascript - 为什么不是所有的字都出现

Question

在我的文字游戏中有一个单词列表 <ul>包含单词、与单词相关的图片和与单词相关的声音。

当游戏运行时，脚本会根据我声明为“maxWords”的字数动态创建一个网格。

我遇到的问题是，当我运行程序时，有时会缺少一个单词，但图像和声音仍然存在。

自从我让我的网格接受更大的词后，这种情况才开始发生，我在试图找出发生这种情况的原因时遇到了麻烦。

这是存储在 HTML 中的 wordList...

 <ul style="display:none;" id="wordlist">

    <li data-word="mum" data-audio="http://www.wav-sounds.com/cartoon/porkypig2.wav" data-pic="http://www.clker.com/cliparts/5/e/7/f/1195445022768793934Gerald_G_Lady_Face_Cartoon_1.svg.med.png"></li>

    <li data-word="lion" data-audio="http://www.wav-sounds.com/cartoon/bugsbunny2.wav" data-pic="http://www.clker.com/cliparts/c/9/9/5/119543969236915703Gerald_G_Cartoon_Cat_Face.svg.med.png"></li>

    <li data-word="bear" data-audio="http://www.wav-sounds.com/cartoon/daffyduck1.wav" data-pic="http://www.clker.com/cliparts/a/2/c/0/1195440948271207911zeimusu_spotty_dog.svg.med.png"></li>

    <li data-word="beetle" data-audio="http://www.wav-sounds.com/cartoon/daffyduck2.wav" data-pic="http://www.clker.com/cliparts/4/b/4/2/1216180545881311858laurent_scarabe.svg.med.png"></li>

    <li data-word="rat" data-audio="http://www.wav-sounds.com/cartoon/bugsbunny1.wav" data-pic="http://www.clker.com/cliparts/C/j/X/e/k/D/mouse-md.png"></li>

    <li data-word="father" data-audio="http://www.wav-sounds.com/cartoon/porkypig1.wav" data-pic="http://www.clker.com/cliparts/3/a/6/6/119544474191128182Gerald_G_Man_Face_6_-_World_Label.svg.med.png"></li>

  </ul>

脚本相当大，所以这里有一个 fiddle 可以看看 http://jsfiddle.net/smilburn/HZX6k/4/

Answer 1

也许它没有解决问题，但我在评论中看到了误导性的讨论，并且可能有一些易于修复的代码错误:

在选择时以及将 jQuery 选择器放入变量时，jQuery 方法需要 $() 语法，如下所示:

var yourvar = $("#selector")

您不再需要 $() 了，您只需使用您的 var.whatever() 进行 jquery 方法调用。 pic 变量可能没有方法显示，因为它不是按说选择器。

我建议使用 :nth-child() 选择器而不是当前方括号(数组)选择器

现在，这解决了 pic 而没有解决 biger words mistery :D

对于更大的单词，你需要检查你的硬编码条件并记录任何可能导致代码中断的地方，我假设它是循环中断，看看问题出在哪里。