调试jQuery代码段

debugging jQuery snippet

本文关键字：代码 jQuery 调试更新时间：2024-07-01

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

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

最初的JSFiddle运行良好：http://jsfiddle.net/thangchung/LVAaV/

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

（不起作用意味着当你按下任何按钮时，都不会发生任何事情）。

我不知道如何用jQuery调试它（用常规JS，我只会到处撒alert()）。我在JSFiddle上运行了"JSHint"，一切正常。

您的新小提琴没有选择库。从表单左侧选择它，然后单击"运行"。

我在Firefox中使用Firebug的脚本调试器发现了这一点。使用您选择的浏览器中的开发工具启用脚本调试。否则，Javascript将以静默方式失败。然后，您可以设置断点、查看变量等。这比使用警报和控制台日志要高效得多（尽管它们确实有自己的位置）。

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

我试着在FireFox、Firebug中运行这个脚本。这里的脚本运行得很好。请查看您尝试运行此脚本的环境。