javascript - jQuery Autocomplete 快完成了吗?

标签 javascript jquery autocomplete jquery-autocomplete

https://jsfiddle.net/Lyfwjrz0/3/它似乎可以获取 12000 多个机场名称。

{label: "04G - Lansdowne Airport", value: "04G"},
{label: "06A - Moton Field Municipal Airport", value: "06A"},
{label: "06C - Schaumburg Regional", value: "06C"},
{label: "06N - Randall Airport", value: "06N"},

有几个问题:

  • 当用户输入第一个字符时,似乎很慢。我只想要下拉前 7 个结果,那么有没有办法将其限制为 7 个?我想知道这是否可以解决速度缓慢的问题?

  • 搜索字符的粗体似乎并不总是正常工作。例如输入“lon”,巴塞罗那的“lona”会加粗

TIA 寻求帮助 标记

最佳答案

一些可能有助于您表现的事情。来自 http://api.jqueryui.com/autocomplete/ :

  • 延迟 - 设置为 500(毫秒),以便每次按键时不会立即触发搜索。
  • minLength:您在野外会发现的实现(我想到的是 Facebook)在您输入 3 个字符之前不会提供建议。

至于“lon”加粗“lona”,这是这一行的一个错误:

newLabel+= (i>= startIndex && i <= endIndex) ? "<b>"+arr[i]+"</b>": arr[i];

应该是

newLabel+= (i>= startIndex && i < endIndex) ? "<b>"+arr[i]+"</b>": arr[i];

关于javascript - jQuery Autocomplete 快完成了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36464436/

相关文章:

javascript - 缺少 iframe ie8。相对定位不能解决问题

javascript - jQuery SlideToggle 正在添加空白

django - 使用带有 Elasticsearch 的Django干草堆自动完成功能搜索数字/数字吗?

python - 具有国际特色的完成者

javascript - Knockout - 自定义绑定(bind) - 将变量从 init 传递到 update

javascript - ReactJS - 如何获得整个渲染树

javascript - 如何使用 Express Framework 使 URL 中的文本显示在 HTML 页面中

javascript - HTML: CSS: 动态显示的 DIV 会影响其他 DIV

javascript - 如何在div的底部保持滚动条?

javascript - Bootstrap 提前输入不起作用