javascript - 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);
};

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