几乎有jQuery自动完成功能吗?

时间:2016-04-07 00:07:47

标签: 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提供任何帮助 标记

1 个答案:

答案 0 :(得分:1)

一些可能有助于提升表现的事情。来自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];