jQuery和jQueryUI的升級後,自動完成部分拋出一個錯誤:自動完成不是jQuery的工作後/ jQueryUI的升級
SCRIPT5007: Object expected
這裏是代碼:
(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(self._responseJSON(data, request.term));
它引發異常馬上回到我身邊,我可以se e表示「fn」未定義。 我在這裏做錯了什麼? 我希望有人能夠弄清楚,我已經失去了它。 :(
_response沒有返回一個值,(與原來的相比) – QuentinUK 2013-03-01 16:29:16
我不知道我說不清楚d?你的意思是_responseJSON?但它是未定義的「fn」,「self._responseJSON(data,request.term)」返回一個字符串數組。 – 2013-03-03 21:22:51
當您「替換功能...」時,舊函數_response($ .ui.autocomplete.prototype._response)返回一個值(返回... r.apply(this,arguments) – QuentinUK 2013-03-04 00:10:32