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"
          });

它没有给我正确的标签/公司名称，好像自动完成功能停止过滤正确的数据一样。我的代码有什么问题？

Answer 1

来自jqueryui：

字符串：当使用字符串时（...）自动完成插件不会过滤结果...。

尝试先加载 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
        });
    });
});