两个具有相同函数名的jQuery插件之间的冲突

Question

我在一个大型站点工作，该站点包含 2 个冲突的 jquery 插件用于执行 autocmplete。

1) jquery.autocomplete.js（不是 jquery ui 的一部分）：

$.fn.extend({
    autocomplete: function   ...

2) jquery.ui.autocomplete.js（来自最新的 jquery ui 库），它也使用了 autocomplete 关键字。

$.widget( "ui.autocomplete", {   ...

有没有办法指定我只使用第二个 jquery.ui 小部件 打电话时

$( "#tags" ).autocomplete ...

不改变这两个文件？

Answer 1

由于第二个自动完成功能使用$.Widget 向 jQuery 注册自身的方法，因此最容易更改内部自动完成功能的行为。

如果不对两个脚本加载之间的 jQuery 对象进行 一些 类的更改，您将无法同时加载它们，因为它们只会相互冲突（或覆盖）。

我会试试这个：

<script src="jquery.autocomplete.js"> </script>
<script>
    // rename the local copy of $.fn.autocomplete
    $.fn.ourautocomplete = $.fn.autocomplete;
    delete $.fn.autocomplete;
</script>
<script src="jquery-ui.autocomplete.js"> </script>

接下来会做：

$().autocomplete()

使用 jQuery UI 版本，并且

$().ourautocomplete()

使用您的本地版本。

Answer 2

我尝试使用 jQuery UI 的选项卡功能来实现，它应该对您同样有效。 一个函数在技术上是一个 js 对象，所以你可以简单地重命名它：

    $.fn.tabs2 = $.fn.tabs;
    delete $.fn.tabs;
    $("#tabz").tabs2({});

希望有帮助！

编辑

就像 Alnitak 建议的那样，您还需要删除以前的函数名称。 另外，我认为 .fn 是必需的。