jQuery/jQueryUI升级后自动完成不起作用

jQuery/jQueryUI升级后自动完成不起作用,jquery,jquery-ui,autocomplete,Jquery,Jquery Ui,Autocomplete,升级jQuery和jQueryUI后,自动完成部分抛出错误: SCRIPT5007:应为对象 代码如下: (function($) { $.widget("ui.fwcomplete", { // default options options: { baseUrl: "${querycompletion.base.url}", searchUrl: "", format: "opensearch", colle

升级jQuery和jQueryUI后,自动完成部分抛出错误:

SCRIPT5007:应为对象

代码如下:

(function($) {

$.widget("ui.fwcomplete", {

    // default options
    options: {
        baseUrl: "${querycompletion.base.url}",
        searchUrl: "",
        format: "opensearch",
        collection: "",
        highlight: false,
        minLength: 2,
        hlPre: "<b>",
        hlPost: "</b>",
        withNumbers: false,
        dataType: "jsonp"
    },
    _open: false,
    _enabled: true,

    _create: function() {
        var self = this;
        this.element.autocomplete({
            source: function(request, fn) {
                $.ajax({
                    url: self.options.baseUrl + "/complete.do",
                    dataType: self.options.dataType,
                    data: {
                        format: self.options.format,
                        q: request.term,
                        c: self.options.collection
                    },
                    success: function(data) {
                        if ($.isArray(data) && "opensearch" == self.options.format) {
                            fn(self._responseOpenSearch(data, request.term));

                        } else if ($.isPlainObject(data) && "json" == self.options.format) {
                            fn(self._responseJSON(data, request.term));
                        }
                    }
                });
            },
            minLength: this.options.minLength,
            select: function(event, ui) {
            var url = self.options.searchUrl == "" ? window.location.toString().split('?')[0] : self.options.searchUrl;
                url += "?q=" + ui.item.value;
                if (getURLParameter('sp') != 'null')
                    url += "&sp=" + getURLParameter('sp');
                window.location = url;
            },
            open: function(event, ui) {
                self._open = true;
            },
            close: function(event, ui) {
                self._open = false;
            }
        });
    },

    _responseOpenSearch: function(data, term, fn) {
        return this._unique(data[1]);
    },

    _responseJSON: function(data, term) {
        if (this.options.highlight) {
            data = this._highlight(data, term);

            if (!$.isEmptyObject(data[0])) {
                return this._unique(data);
            }
            return data;
        } else {
            return this._unique(data.suggestions[0].suggestions);
        }
    },

    _highlight: function(data, term) {
        var termregex = new RegExp("(" + term + ")", "i"),
            self = this,
            res = [];
        $(data.suggestions).each(function() {
            $(this.suggestions).each(function() {
                this.label = this.label || this.value;
                this.value = this.value || this.label;
                this.label = this.label.replace(termregex, self.options.hlPre + "$1" + self.options.hlPost);

                if (self.options.withNumbers && this.hits) {
                    this.label = this.label + " (" + this.hits + ")";
                }
                res.push({
                    label: this.label,
                    value: this.value
                });
            });
        });
        return res;
    },

    _unique: function(arr) {
        var unique = [];
        outer: for (var i = 0, len = arr.length; i < len; i++) {
            for (var j = 0, len2 = unique.length; j < len2; j++) {
                if ($.isPlainObject(arr[i]) && unique[j].label == arr[i].label) {
                    continue outer;
                } else if (unique[j] == arr[i]) {
                    continue outer;
                }
            }
            unique.push(arr[i]);
        }
        return unique;
    },

    _setOption: function(key) {
        this.element.autocomplete("option", arguments[0], arguments[1]);
        $.Widget.prototype._setOption.apply(this, arguments);
    },

    isOpen: function() {
        return this._open;
    },

    open: function() {
        this.element.autocomplete("open");
    },

    close: function() {
        this.element.autocomplete("close");
    },

    enable: function() {
        this.element.autocomplete("enable");
        this._enabled = true;
    },

    isEnabled: function() {
        return this._enabled;
    },

    disable: function() {
        this.element.autocomplete("disable");
        this._enabled = false;
    },

    destroy: function() {
        this.element.autocomplete("destroy");
        $.Widget.prototype.destroy.apply(this, arguments);
    }
});
} (jQuery));


// Replace the functionality of the jQuery autocomplete widget to
// allow inserting HTML labels rather than text-only.
(function( $ ) {
$(function() {
    $.extend($.ui.autocomplete.prototype, {
        _renderItem_orig: $.ui.autocomplete.prototype._renderItem,
        _response_orig: $.ui.autocomplete.prototype._response,

        _renderItem: function( ul, item) {
            return $( "<li></li>" )
                .data( "item.autocomplete", item )
                .append( "<a>" + item.label + "</a>" )
                .appendTo( ul );
        },

        _response: function( content ) {
            if ( !this.options.disabled && content && content.length ) {
                    content = this._normalize( content );
                    this._suggest( content );
                    this._trigger( "open" );
            } else {
                    this.close();
            }
            this.element.removeClass( "ui-autocomplete-loading" );
        }
    });
});
})(jQuery)
这就把这个异常抛回给了我,我可以看到“fn”是未定义的。 我做错了什么?
我希望有人能解决这个问题,我已经失去了它(

自动完成版本1.8.18,注意没有返回值:-

_response: function( content ) {
    if ( !this.options.disabled && content && content.length ) {
        content = this._normalize( content );
        this._suggest( content );
        this._trigger( "open" );
    } else {
        this.close();
    }
    this.pending--;
    if ( !this.pending ) {
        this.element.removeClass( "ui-autocomplete-loading" );
    }
}
自动完成版本1.10.1(最新)


您正在覆盖\u响应,但此函数现在需要一个返回值,看起来您现在应该覆盖\u响应,而且\u响应

\u响应没有返回值,(与原始值相比)我不确定我是否理解?您的意思是\u responseJSON吗?但未定义的是“fn”,即“self.\u responseJSON(数据,请求.术语)”返回一个字符串数组。当您“替换功能…”时,旧函数“response”($.ui.autocomplete.prototype.\u response)返回一个值(return…r.apply(这是参数),当您“替换功能…”时,其中一个函数“response”($.ui.autocomplete.prototype.\u response),返回了一个值,替换它的函数不返回任何内容。我怀疑这是问题的根源。问题是我只将jQuery UI从1.9.2版升级到1.10.1版,并将jQuery从1.4.2版升级到1.9.1版,之后它就停止工作了。在jQuery和jQuery的版本中,是否有与此相关的更改UI?太好了,就是这样。事实上,我根本不需要覆盖_响应,所以我只是删除了覆盖部分,它就工作了。谢谢伙计!)
_response: function( content ) {
    if ( !this.options.disabled && content && content.length ) {
        content = this._normalize( content );
        this._suggest( content );
        this._trigger( "open" );
    } else {
        this.close();
    }
    this.pending--;
    if ( !this.pending ) {
        this.element.removeClass( "ui-autocomplete-loading" );
    }
}
_response: function() {
    var that = this,
        index = ++requestIndex;

    return function( content ) {
        if ( index === requestIndex ) {
            that.__response( content );
        }

        that.pending--;
        if ( !that.pending ) {
            that.element.removeClass( "ui-autocomplete-loading" );
        }
    };
},

__response: function( content ) {
    if ( content ) {
        content = this._normalize( content );
    }
    this._trigger( "response", null, { content: content } );
    if ( !this.options.disabled && content && content.length && !this.cancelSearch ) {
        this._suggest( content );
        this._trigger( "open" );
    } else {
        // use ._close() instead of .close() so we don't cancel future searches
        this._close();
    }
}