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

Question

这个问题已经在这里有了答案：

• 有没有JQuery UI 4答案的 情况下使用自动完成功能的方法

我需要像在Google中一样创建预测性搜索。 我使用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事件附加到输入字段并自己处理数据请求。 并在触发请求之前添加500ms超时，这样就不会向服务器和用户注入大量结果。

Answer 3

您需要什么：

• 相对位于输入下方的div标签，必须在服务器调用完成时填充（或ul标签，以及任何容器）
• 文本框上的keyup事件，该事件将其作为输入传递到服务器。

这仅仅是在刮擦表面。 jQuery UI的自动完成功能已经开发了很多年，而在这一点上尝试模仿它们只是浪费时间。

我的建议：不要这样做。 你可以做任何一个

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