javascript - 覆盖 _renderItem 和 _renderMenu

Question

如何只为 #global-search 覆盖 _renderItem？

$("#global-search").autocomplete({
   //       
})._renderMenu = function(ul, items) {
   var self = this;
   ul.append('<table class="ac-search-table"></table>');
   $.each( items, function( index, item ) {
     self._renderItem( ul.find("table"), item );
   });
});

Answer 1

请记住，您可以通过 data 处理由 jQuery UI 工厂方法 (_create) 创建的小部件的特定实例:

var widgetInst = $("#global-search").autocomplete({}).data('ui-autocomplete');

... 或者，自 jQuery UI 1.12 起，通过 instance()辅助方法:

var widgetInst = $("#global-search").autocomplete('instance'); 

因此您可以用自己的方法覆盖它的方法:

widgetInst._renderMenu = function(ul, items) {
  var self = this;
  ul.append('<table class="ac-search-table"></table>');
  $.each( items, function( index, item ) {
    self._renderItem( ul.find("table"), item );
  });
};