jQuery UI 自动完成的 jQuery 自动完成插件

Question

我使用维基百科的 API 有一个简单的维基百科自动完成功能。

目前它正在使用 jQuery 自动完成插件，我想使用 jQuery UI 来实现它。

有人可以指导我吗？

这是使用该插件的工作演示的 fiddle : 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/