無法重寫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) { ... };