jQuery 自动完成就快完成了吗？

Question

在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' 并在 Barcelona

TIA 寻求任何帮助马克

Answer 1

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

延迟 - 设置为 500（毫秒），这样搜索不会在每次按键时立即触发。
minLength：在您输入 3 个字符之前，您会在野外找到的实现（想到 Facebook）不会提供建议。

至于 "lon" 加粗 "lona"，这是这一行的错误：

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

应该是

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

Answer 2

https://jsfiddle.net/yaz2mhLy/7/ 使用 minLength 作为提到的用户 DSN，并且还显示粗体文本。

$(function() {
  var availableTags = [{
    label: 'honey',
    value: 1
  }, {
    label: 'apples',
    value: 2
  }, {
    label: 'milk',
    value: 3
  }, {
    label: 'tea',
    value: 4
  }, {
    label: 'oranges',
    value: 5
  }, {
    label: 'bread',
    value: 6
  }, {
    label: 'cheese',
    value: 7
  }, {
    label: 'apple-sauce',
    value: 8
  }, {
    label: 'cream-cheese',
    value: 9
  }];

jQuery 自动完成就快完成了吗？

Almost there with jQuery Autocomplete?

javascript

jquery

autocomplete

jquery-autocomplete