jquery ui autocomplete给出错误“Uncaught TypeError：无法读取未定义的属性'PAGE_UP'”

Question

我正在尝试使用jquery ui自动完成功能，并在输入具有自动完成功能的输入字段时继续出现以下错误：

Uncaught TypeError: Cannot read property 'PAGE_UP' of undefined

我在页面上添加了以下文件：

• 的jquery-1.7.2.min.js
• 的jquery-UI-1.8.21.custom.min.js
• 的jquery-UI-1.8.21.custom.css

以下是使用自动填充的代码：

$('input#searchFor').autocomplete({
        source:function(req,add){
            $.getJSON("/index.php/search/autoCompleteHandler?q=?&section="+$('input#searchFor').attr("searchDesc"),req,function(data){
                var suggestions = [];

                $.each(data,function(i,val){
                    suggestions.push(val.name);
                });

                add(suggestions);
            });
        }
    });

我不知道会出现什么问题。任何帮助将不胜感激。

Answer 1

remote data source的jQueryUI示例文档显示远程数据源应该像：

$(function() {
        $( "#birds" ).autocomplete({
            source: "search.php",
            minLength: 2,
            select: function( event, ui ) {
                //the code to execute when an item is clicked on
            }
        });
    });

看起来源只需要是一个网址。您可以查看Chrome中的ajax请求，找出正在使用搜索查询填充的$ _GET或$ _POST变量。

根据您的使用情况，使用remote data source with caching选项可能不是一个坏主意。