如何在不使用jQuery的自动完成功能的情况下进行预测搜索

Question

我需要像谷歌一样创建预测搜索。我使用jQuery.autocomplete（）完成了这个。但问题是网站网站只支持jquery UI 1.8.4。 （此版本的jQuery没有自动完成功能）并且搜索无效。此外，当我通过UI 1.10.3时，网站中的其他功能也破了。 如何使用jQuery UI 1.8.4创建类似自动完成的东西？

Answer 1

为什么不直接添加新版jQuery的引用？这将覆盖旧版本，autocomplete将起作用。

<script src="js/jquery-ui-1.10.3.min.js"></script>
<script>
   // your code
</script>

Answer 2

您可以将keyup事件附加到输入字段并自行处理数据请求。并且在您触发请求之前添加500毫秒超时，因此您不会使服务器和用户充满结果...

Answer 3

你需要什么：

• 相对位于输入下方的div标记，必须填写服务器调用完成（或ul标记，任何容器）
• 文本框上的keyup事件，它将此作为输入传递给服务器。

这只是表面上的划痕。 jquery UI的自动完成已经开发多年，试图模仿它们只是浪费时间。

我的建议：不要经历这个。你可以做其中任何一个

• 更改jquery的版本并完成它。
• 使用另一个不依赖于jquery UI的自动完成插件。但是你可能会发现它们依赖于jquery。有很多插件。一个简单的谷歌搜索足以让你入门