jQueryオートコンプリートプラグインからjQuery UIオートコンプリートへ

Question

私はウィキペディアのAPIを使って簡単なウィキペディアオートコンプリートを持っています。

現在、jQueryオートコンプリートプラグインを使用しています。これをjQuery UIを使用して作成します。

誰かが私を案内してくれますか？ここで

は、プラグインを使用して作業のデモのフィドルです： http://jsfiddle.net/VjLnv/

そして、ここでは、JSです：

Answer 1

たくさん

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

おかげでこれは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/