javascript - 更改完成编号后 jQuery/JavaScript 程序中断

Question

在我创建的拼写游戏中，有一个填充了单词的网格。游戏的目的是通过单击侧面的字母来拼写单词，这些字母会动画到网格中的空白处。如果要拼写的单词会突出显示，因此用户可以看到下一步要去哪里。游戏的目的是在网格中拼出所需数量的单词以完成游戏。我通常将其设置为 2，但刚刚将其更改为 3，并且在我拼出第二个单词后程序一直中断。

    if (score.right == 3) {
    ................
    ................
}

通常，当您正确拼写单词时，我会使用“click.trigger”函数移动到网格中下一个突出显示的单词。在 2 个正确的字母之后，程序要么不会继续下一个字母，要么返回到最后一个字母，并且不允许您单击这些字母。

setTimeout(function() {
                    jQuery('.next-question').trigger('click');
                }, 1500);

我已经尝试通过断点，但似乎无法找到问题所在。有人可以帮助我让它重新工作并告诉我哪里出错了吗？

目前在我的游戏中没有提示图片或提示声音，因此要找到突出显示的单词，您必须使用控制台。尝试正确回答两个，然后它会崩溃。

这是坏掉的 fiddle :http://jsfiddle.net/smilburn/Dxxmh/101/

这里是之前一个工作正常的 fiddle :http://jsfiddle.net/smilburn/Dxxmh/100/ (一些类名可能已经改变)

Answer 1

首先。图片在新版本中不显示，因为对于它们的链接，您使用的相对路径就 jsfiddle 而言不存在。较早的一个使用绝对链接。音频文件也是如此。

接下来，一开始你有像

这样的 var 定义

var hintPic = $("#hintPic")[0];

此语句将集合中的第一个元素作为普通 DOM 元素返回。所以稍后当你试图展示它时

hintPic.show();

它不会工作，因为“show”是一个 jquery 函数。从变量定义中删除 [0]，它应该可以正常工作。