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

將響應分配給源時一定有一些錯誤。 請正確檢查。