2017-02-02 158 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 
     }); 
    }); 
});