jQuery自動完成插件jQuery UI自動完成

Question

我有一個簡單的維基百科自動完成使用維基百科的API。

目前它正在使用jQuery自動完成插件，我想使用jQuery UI。

有人可以指導我通過嗎？

下面是使用插件工作演示的小提琴： http://jsfiddle.net/VjLnv/

這裏是JS：

function attachWikiAutoComplete(expression) { 
    $("#artist").autocomplete("http://en.wikipedia.org/w/api.php", { 
     dataType: "jsonp", 
     parse: function(data) { 
      var rows = new Array(); 
      var matches = data[1]; 
      for(var i = 0; i < matches.length; i++){ 
       rows[i] = { data:matches[i], value:matches[i], result:matches[i] }; 
      } 
      return rows; 
     }, 
     formatItem: function(row) { return row; }, 
     extraParams: { 
      action: "opensearch", 
      format: "json", 
      search: function() { return $("#artist").val() } }, 
     max: 10 
    }); 
} 

非常感謝

Answer 1

這是jQueryUI的自動完成的等效代碼：

$("#artist").autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: "http://en.wikipedia.org/w/api.php", 
      dataType: "jsonp", 
      data: { 
       'action': "opensearch", 
       'format': "json", 
       'search': request.term 
      }, 
      success: function(data) { 
       response(data[1]); 
      } 
     }); 
    } 
}); 

工作示例：http://jsfiddle.net/UGYzW/2/