使用jQuery自动完成时发现错误。
控制台中的此通知错误
TypeError:$(...)。autocomplete(...)。data(...)未定义 })。data(“ui-autocomplete”)._ renderItem = function(ul,item){
代码:
Site Name <br/>
<input type="text" name="site_name" id="site_name"><br/>
<input type="hidden" name="site_id" id="site_id">
$().ready(function () {
$("#site_name").autocomplete({
source: function (request, response) {
$.ajax({
url: "get_site2.php",
dataType: "json",
data: {
term: request.term
},
beforeSend: function () { // add this
showLoading("remove");
console.log("remove");
},
success: function (data) {
response(data);
}
});
},
minLength: 2,
select: function (event, ui) {
$("#site_name").val(ui.item.label);
$("#site_id").val(ui.item.name);
return false;
},
open: function () {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function () {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
}).data("ui-autocomplete")._renderItem = function (ul, item) {
return $("<li></li>")
.data("ui-autocomplete-item", item)
.append("<a>" + item.label + "</a>")
.appendTo(ul);
};
});
我很困惑,我已经搜索并尝试this question,但它没有解决它。
答案 0 :(得分:3)
对不起,这个修复可能有点晚了..但是其他人遇到了这个问题。
只需更改
}).data("ui-autocomplete")._renderItem = function (ul, item) {
到
})._renderItem = function (ul, item) {
这应解决问题。
在某些情况下,它看起来像这样
.autocomplete().data("uiAutocomplete")._renderItem = function( ul, item )
将其更改为
.autocomplete()._renderItem = function( ul, item )
答案 1 :(得分:1)
这对我有帮助:
)。 data()。自动完成 ._ renderItem =函数(ul,项){