jquery-ui 自动完成问题

Question

我正在使用 jQuery 自动完成功能，但我注意到输入中出现了一个奇怪的问题。例如，在下面的示例中：

    $(function() {

var data = var data = [
  {
    "label": "12 12 North",
    "value": "12 North",
    "country_code": "IN",
    "name": "12 North",
    "code_airline": 12
  },
  ...];

          $('#sample-01').autocomplete({
            maxShowItems: 5,
              minLength:2,
            source: data
          });

        });

我得到了一组对象，它们为我提供了一些关于航空公司的信息。如果我开始搜索航空公司的第一个字符，它会给我正确的标签。

但是当我尝试用 URL 源替换数据变量时，就像：

$('#sample-01').autocomplete({
            maxShowItems: 5,
              minLength:2,
            source: "http://www.json-generator.com/api/json/get/cqycMlSXci?indent=2"
          });

它没有给我正确的 label/company 名称，就好像自动完成停止过滤正确的数据一样。我的代码有什么问题？

Answer 1

来自 jqueryui：

String: When a string is used (...) The Autocomplete plugin does not filter the results....

首先尝试加载 json 数据，然后填充自动完成插件。例如：

$(function(){
    var json = $.getJSON("http://www.json-generator.com/api/json/get/cqycMlSXci?indent=2");
    json.done(function(data){
        $('#sample-01').autocomplete({
            maxShowItems: 5,
            minLength:2,
            source: data
        });
    });
});

jquery-ui 自动完成问题

jquery-ui auto-complete issue

javascript

jquery

jquery-ui-autocomplete