Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery自动完成插件到jQuery UI自动完成_Jquery_Jquery Ui_Autocomplete_Jquery Autocomplete_Jquery Ui Autocomplete - Fatal编程技术网

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

jQuery自动完成插件到jQuery UI自动完成,jquery,jquery-ui,autocomplete,jquery-autocomplete,jquery-ui-autocomplete,Jquery,Jquery Ui,Autocomplete,Jquery Autocomplete,Jquery Ui Autocomplete,我有一个简单的维基百科自动完成使用维基百科的API 目前,它正在使用jQuery自动完成插件工作,我想使用jQuery UI来实现它 有人能带我过去吗 下面是一个使用插件的工作演示: 以下是JS: function attachWikiAutoComplete(expression) { $("#artist").autocomplete("http://en.wikipedia.org/w/api.php", { dataType: "jsonp",

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

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

有人能带我过去吗

下面是一个使用插件的工作演示:

以下是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 
    });
}
函数attachWikiAutoComplete(表达式){
$(“#艺术家”).autocomplete(”http://en.wikipedia.org/w/api.php",  {
数据类型:“jsonp”,
解析:函数(数据){
var rows=新数组();
var匹配=数据[1];
对于(var i=0;i

非常感谢

这是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]);
            }
        });
    }
});

工作示例:

我使用的是jQuery自动完成插件,而不是jQuery ui附带的默认自动完成插件,我想对此进行更改,因此我不会使用该插件。如果您检查fiddle,请尝试删除jquery.autocomplete.pack.js。我真希望你能加入我的问题。哈哈,你又这么做了。你在激励我。你知道的,这就是我想要做的learn@jQuerybeast:很高兴为您提供帮助。
:)