无法重写jQuery UI自动完成renderItem方法多次

Question

在找到的第一个自动完成中覆盖正确，但对其余部分无效。 相反，它会加载您可以在https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.autocomplete.js#L449处看到的原始_renderitem方法。

$(".someClassWithMultipleItemsOnDOM").autocomplete({ 
     delay:500, 
     minLength:2, 
     source:path" 
     ..... 
}).data("autocomplete")._renderItem = function(ul, item) { 

在此先感谢

Answer 1

有针对此问题的方法：

var autoc = { 
    delay: 500, 
    minLength: 2, 
    source: path, 
    ..... 
}; 

var renderItem = function (ul, item) { 
    return $("<li></li>") 
     .data("item.autocomplete", item) 
     .append("<a>" + item.label + "<br/>" + item.desc + "</a>") 
     .appendTo(ul); 
}; 

$(".someClassWithMultipleItemsOnDOM").each(function (i) { 
    $(this).autocomplete(autoc).data("autocomplete")._renderItem = renderItem; 
} 

Answer 2

您可以覆盖_renderItem

$.ui.autocomplete.prototype._renderItem = function (ul, item) { ... };