JavaScript 库 + jQuery 插件矛盾:如何调试? [英] JavaScript libraries + jQuery plugins contradict: how to debug?

问题描述

我不是最好的专家，但我可以在外观漂亮且功能强大的网站或 Web 应用程序方面做得不错.我的主要工具是 PHP5、HTML5、CSS2 和 3、一个数据库(SQLite、MySQL)以及 JavaScript 和 jQuery.

I'm not the very best expert, but I can do a decent job good looking and functional websites or web applications. My main tools are PHP5, HTML5, CSS2 y 3, a database (SQLite, MySQL) and JavaScript and jQuery.

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

I'm not an expert at all in JavaScript. I often find interesting jQuery plugins or tutorials and try to mix them up to do the functionality needed. This time I'm mixing maybe too much plugins and js files from different sources.

事实上，除了某些行为之外，我的应用程序会做我想做的事情.没有错误，一切看起来都很好，但错误行为仍然存在.所以也许我需要指定一个我不知道的类，或者一个与另一个插件中的另一个相矛盾，我只是无法理解，例如，为什么 不要提交</button> 只是提交表单.

In fact, my app do what I want except for certain behaviors. There are no errors, everything looks fine, but the misbehavior persists. So maybe I need to specify a class I don't know about, or one contradicts another one from another plugin and I just can't understand, for example, why a <button type="button">DON'T submit</button> just submits the form.

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

Anyway, my point is: how can I debug this situation? Is there a generic tool, suggestion, workflow or something to help me understand conflicts or omissions between libraries or plugins? (JavaScript libraries, my own JavaScripts and jQuery plugins)?

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

I know about Chrome's debugger and Firebug. But maybe I just don't know how to get the functionality I need. Reading about how to use these tools haven't helped me. For example: I've got a tag which has inherit a class I didn't assigned it to by hand (example: <button type="button" disabled>DON'T submit</button> I didn't write disabled by myself) So some JavaScript file is assigning it, but how can I see WHO did this? Which file? Class? Plugin? Library? Etc? That's another example of what I mean to ask.

推荐答案

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

It is possible that you're using two libraries that use the $() function. In jQuery, the $() function is just shorthand for jQuery(), so you could try taking your jQuery code and replacing every instance of "$(" with "jQuery(" and see if that helps out. Without know what scripts you're using I can't tell if that will work or not, but this is likely the problem if you have more than one framework (e.g. jQuery) loaded at one time.

请确保不要将任何非 jQuery 函数从 $() 更改为 jQuery() 否则它们会中断.

Just make sure you don't change any non-jQuery functions from $() to jQuery() or else they'll break.

这篇关于JavaScript 库 + jQuery 插件矛盾:如何调试?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！