jQueryUI自动完成，自定义renderItem不起作用

Question

嗨，我已经阅读了很多有关此问题的答案，并按照说明进行操作，但这对我不起作用。

 $(document).ready(function(){<br> $(".header-search-box").autocomplete({ source: function(req,res) { $.ajax({ url: "http://localhost:3000/autocomplete/"+req.term, dataType: "jsonp", type: "GET", data: { search: req.term } }); }, select: function(event, ui) { } }).data('ui-autocomplete')._renderItem = function(ul,item){ console.log('I am coming back') return $("<li>").append("<a>"+item.model+"</a>").appendTo(ul); } 

}）;

该代码不起作用，_renderItem函数甚至无法打印到控制台。

再次我遵循了先前答案中的所有建议，我们将不胜感激

编辑1

Ajax成功功能是这个

  success: function(data) { res($.map(data, function(item) { return { : item.make + ' ' +item.model,//text comes from a collection of mongo value: item.model }; })); }, 

我不确定如何将其转换为数据对象...

Answer 1

我尝试了使用本地数组源的自定义_renderItem 。

它可以很好地工作，并且还提供设置的警报。

在这里看看： http : //jsfiddle.net/XJ5En/

JS：

var tags = ["abc","bas","cqwe"];
$(".header-search-box").autocomplete({
    source: tags
}).data('ui-autocomplete')._renderItem = function(ul,item){
    alert('I am coming back');
    return $("<li>").append("<a>"+item.value+"</a>").appendTo(ul);
};

将响应分配给源时一定有一些错误。 请正确检查。