调试jQuery代码段

Question

我试图采用一个有效的jQuery片段（这是另一个SO答案的例子）并改进它。

原始代码段可以通过评论/取消注释某些代码来显示做某事的好方法和坏方法。我尝试修改HTML和JS，这样两个示例都可以独立运行，而无需修改JS代码（基本上将示例HTML克隆到具有不同ID的副本中）。

原始的JSFiddle运行良好：http://jsfiddle.net/thangchung/LVAaV/

我的“改进”版本似乎根本不起作用：http://jsfiddle.net/dvkdvk/C2YBE/19/

（不起作用意味着当你按任何按钮时，没有任何反应）。

我不知道如何使用jQuery调试它（使用常规JS我只会将alert()洒到各处）。我在JSFiddle上运行了“JSHint”，没关系。

Answer 1

你的新小提琴没有选择图书馆。从表单左侧选择它，然后单击“运行”。

我在Firefox中使用Firebug的脚本调试器找到了这个。使用您选择的浏览器中的开发人员工具打开脚本调试。否则，Javascript会无声地失败。然后，您可以设置断点，查看变量等。这比使用警报和控制台日志更有效（尽管它们确实有它们的位置）。

Answer 2

您的主要问题是您的JSFIDDLE设置。在页面的左侧，确保包含jQuery库并从框架和扩展面板中选择onDomReady。

Answer 3

我尝试在FireFox，Firebug中运行此脚本。这里的抄写员和我在一起很好。请查看您尝试运行此脚本的环境。