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>

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

Answer 1

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

选择jQuery方法时需要

$（）语法，当你将jQuery选择器放入变量时：

var yourvar = $("#selector")

你不再需要$（）了，你只需要调用jquery方法调用yourvar.whatever（）。 pic变量可能没有方法显示，因为它不是每个说法的选择器。

我建议使用：nth-child（）选择器而不是当前方括号（数组）选择器

现在，这解决了pic并没有解决biger词的错误：D

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

为什么不出现所有单词

1 个答案: