与 2 个 JavaScript 文件冲突

Question

我是 javascript 新手，所以我尝试使用两个 jQuery 插件，但它们不能正常工作。只要我删除其中两个之一。

我该如何解决这个问题？我可以粘贴两个 .js 文件，但那是 2k 行代码，我不想用这么多行代码打扰您。

• jQuery.autocomplete.js

• 灰盒插件 AJS.js

或者，如果您知道某些具有某些功能的插件，也会有所帮助 =)

-- 更新：

谢谢你们， （我无法在您的答案中添加评论（我真的不知道为什么），该网站存在一些问题。） @Mörre 我注意到，当我在 AJS.js 中删除这一行时，它可以工作（部分）：

AJS.exportToGlobalScope();

但在那之后我不知道该怎么办，对不起，我是 javascript 新手，你说的很多东西我都不明白。

@Jim，我没有找到任何：

$(document).ready(function() { });

正如你所说，用 jQuery 替换。

我尝试用“jQuery”替换所有“$”，但仍然不起作用。

Answer 1

Valter，

您可能会发现 $ 别名发生冲突。如果您使用完整的 jquery 别名 显式引用 jquery 对象，而不是：

<script type="text/javascript">
    $(document).ready(function() {

    });
</script>

尝试：

<script type="text/javascript">
    jQuery(document).ready(function() {

    });
</script>

更改任何 $ 引用， 您可能会得到它的工作使用自动完成库时，将其添加到客户端代码中的 jQuery 中。

只是一个想法，如果它与这个“区域”有关

Answer 2

简要查看代码后，无需进一步检查，AJS 代码首先将所有内容放入全局对象 AJS 中，然后将该对象的每个属性导出到全局命名空间中。不良行为。第一个是常规 jQuery 插件。建议：不要使用 AJS，或删除对全局空间的导出（然后只需通过在 AJS 方法前面加上“AJS”前缀来调用它们）。