javascript - 调试 jQuery 片段

标签 javascript jquery debugging

我试图获取一个有效的 jQuery 片段(这是另一个 SO 答案的示例)并改进它。

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

原始 JSFiddle 工作正常:http://jsfiddle.net/thangchung/LVAaV/

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

(不起作用意味着当您按下任何按钮时,什么也不会发生)。

我不知道如何用 jQuery 调试它(使用常规 JS,我只会在各处撒上 alert() )。我在 JSFiddle 上运行“JSHint”,结果没问题。

最佳答案

您的新 fiddle 未选择库。从表单左侧选择它,然后单击“运行”。

我通过在 Firefox 中使用 Firebug 的脚本调试器发现了这一点。使用您选择的浏览器中的开发人员工具打开脚本调试。否则,Javascript 会默默地失败。然后,您可以设置断点、查看变量等。这比使用警报和控制台日志更有效(尽管它们确实有自己的位置)。

关于javascript - 调试 jQuery 片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20520686/

相关文章:

web-services - 如何调试 ssl 连接?

javascript - 拆分在 JavaScript 中无法正常工作

javascript - JS 是否总是每个字符使用两个字节来存储字符串?

jquery - 在滚动时添加到 CSS calc

visual-studio-2008 - 如何告诉 Visual Studio 在 Break All 时不要离开当前文件?

windows - 执行直到用户代码不起作用

javascript - 是否可以捕获在 iframe(同一域)内部导航的用户的 JS 事件?

javascript - 如果 1 或更少,计算并隐藏链接。查询

javascript - jquery日期转换chrome可以工作,但IE和firefox不行

javascript - Angular 从 json 中删除项目