0

我不是最优秀的专家，但我可以做得很好，美观且功能强大的网站或 Web 应用程序。我的主要工具是 PHP5、HTML5、CSS2 和 3、数据库（SQLite、MySQL）以及 JavaScript 和 jQuery。

我根本不是 JavaScript 专家。我经常找到有趣的 jQuery 插件或教程，并尝试将它们混合起来以实现所需的功能。这次我混合了来自不同来源的太多插件和 js 文件。

事实上，我的应用程序做我想做的事，除了某些行为。没有错误，一切看起来都很好，但错误行为仍然存在。所以也许我需要指定一个我不知道的类，或者一个与另一个插件的另一个相矛盾，我就是不明白，例如，为什么 a<button type="button">DON'T submit</button>只是提交表单。

无论如何，我的观点是：我该如何调试这种情况？是否有通用工具、建议、工作流程或其他东西可以帮助我理解库或插件之间的冲突或遗漏？（JavaScript 库、我自己的 JavaScript 和 jQuery 插件）？

编辑

我知道 Chrome 的调试器和 Firebug。但也许我只是不知道如何获得我需要的功能。阅读如何使用这些工具对我没有帮助。例如：我有一个标签继承了一个我没有手动分配给它的类（例如：<button type="button" disabled>DON'T submit</button>我没有自己写禁用）所以一些 JavaScript 文件正在分配它，但我怎么能看到谁做了这？哪个文件？班级？插入？图书馆？ETC？这是我要问的另一个例子。

4

3 回答 3

2

您可能正在使用两个使用 $() 函数的库。在 jQuery 中，$() 函数只是 jQuery() 的简写，因此您可以尝试使用 jQuery 代码并将“$(”的每个实例替换为“jQuery(”，看看是否有帮助。不知道您使用什么脚本'正在使用我不知道这是否可行，但如果您一次加载了多个框架（例如 jQuery），这可能是问题所在。

只要确保您没有将任何非 jQuery 函数从 $() 更改为 jQuery() ，否则它们会中断。

于 2012-05-31T16:36:37.270 回答
1

<button> 标签的默认功能与 <input type="submit"> 相同。

http://htmldog.com/reference/htmltags/button/

于 2012-05-31T16:38:29.220 回答
1

是的，有一些工具可以调试 javascript。

Chrome 作为内置调试器（按 F12 打开它）

但我最喜欢的是firebug（它是 Firefox 的插件，从这里下载）

要解决冲突问题，请阅读此处

此外，默认情况下<button>提交form.

如果不想<button>提交form，可以使用这个，

<button type="button" onclick='return false;'>DON'T submit</button>
于 2012-05-31T16:50:41.743 回答