javascript - JQuery 自动完成 - 防止破坏项目？

Question

我有一个自动完成框，其中有一个“大”(大约 500)数组作为内联源。单击输入框时，我会进行搜索(“”)以使整个列表可见。由于有 500 个项目，生成大约需要 2 秒。

JQuery 的自动完成功能会在每次点击/搜索时创建和销毁这些项目，如果重复使用这些项目，速度会快很多。

有没有办法做到这一点(使用 jquery 的内置自动完成功能)？

Answer 1

查看 autocomplete 的源代码后我得出的结论是这是不可能的。

函数_suggest的第一行是var ul = this.menu.element.empty()，需要对源代码进行大修改才能实现此功能可能:

1. 您需要创建一个新函数，该函数将在页面加载时生成所有项目。 (这可能会增加您网站的加载时间。)

2. 您需要调整 _render 函数，以便它们也能过滤具有显示/隐藏类的项目，而不是渲染它们。

我认为你最好的选择是将自动完成生成为纯 HTML(没有 JS)并编写你自己的隐藏/显示函数。您当然也可以寻找解决此问题的插件。