2017-02-02 133 views
0

我正在使用jQuery自动完成,但我注意到在我的输入中发生了一个奇怪的问题。例如,在下面的例子:jquery-ui自动完成问题

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

它不给我正确的标签/公司名称,如果自动完成停止过滤正确的数据。我的代码有什么问题?

+0

[从URL JSON jQuery用户界面自动完成]的可能的复制(http://stackoverflow.com/questions/12370614/jquery-ui-autocomplete-with-json-from-url) –

回答

3

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