如何通过单击href来启动/停止自动完成插件？

Question

我使用的是Joern Zaefferer的jQuery自动完成插件1.1。

在代码上一切工作都很好。

然而，文档是稀缺的。我需要有人来帮我找出如何使用href链接打开或关闭自动完成。

unautocomplete()函数似乎应该以某种方式禁用它，但不确定如何正确地调用它。

当页面加载时，我使用它来激活它：

$().ready(function() {
  $("#term").autocomplete("autocomplete.php", {
    width: 260,
    matchContains: true,
    noCache: true,
    minChars: <?php echo $auto_char; ?>,
    selectFirst: false
  });
});

我所做的是在返回结果的末尾添加了一个“隐藏建议”链接，并试图在用户单击时禁用自动完成功能。

Answer 1

假设您的HTML如下所示：

<input type="text" id="term" />
...
<button id="hide">Hide suggestions</button>

您可以通过这种方式调用$.unautocomplete来禁用#term元素。

$(document).ready(function(){
  $("#hide").click(function(){
    $("#term").unautocomplete();
  });
});

或者，我猜您可以使用此命令禁用所有自动完成：

$(document).ready(function(){
  $("#hide").click(function(){
    $(":input").unautocomplete();
  });
});

此外，您可能希望升级到更新版本的AutoComplete插件。

Answer 2

你应该知道这是not available in the 1.1 release of the jQuery UI autocomplete plugin。这似乎是一个bug。已在1.8.3 jQuery UI版本中修复此问题。

但是您甚至没有使用旧版本的jQuery UI。请阅读下面的内容。

从您发布的代码来判断，您使用的是deprecated 1.1 release written by Joern Zaefferer。这个插件在大约两年前就被弃用了，指向旧插件的链接将指导您完成任何迁移挑战。

autocomplete插件现在是jQuery UI的一部分，版本是1.8.20！我强烈建议你使用upgrade to the latest version of jQuery UI并使用自动补全插件。

之后，documentation显示您可以通过在autocomplete最初绑定到的选择器上调用以下方法来禁用autocomplete：

$( ".selector" ).autocomplete({ disabled: true });

请记住，您使用的基本上是很长一段时间都没有升级过的东西，随着新浏览器的出现，您的代码只会变得更难升级。因此，从本质上讲，您将从升级中获得两个好处。您将使用最新版本，其中包含所有最新的错误修复和易于查找的文档，并且您可以禁用自动完成功能。