javascript - jquery 自动完成突出显示

Question

如何让 jquery 自动完成突出显示用户在任何自动完成结果中输入的内容？我使用的代码是:

    $("#keyword").autocomplete({ 
        source: "ajax/autocomplete.php?action=keyword", 
        minLength: 2 
    });

尝试通过 tomasz 发布的链接实现此功能:

    $("#keyword").autocomplete({ 
        source: "ajax/autocomplete.php?action=keyword", 
        highlight: function(value, term) { 
    return value.replace(new RegExp("("+term+")", "gi"),'<b>$1</b>'); 
    },
        minLength: 2 
    });

那里也没有运气。 jQuery 自动完成似乎讨厌我。

更新:感谢大卫·默多克，我现在有了答案!请参阅下面 @Herman 的答案副本。

Answer 1

感谢 David Murdoch，电话:http://www.vervestudios.co/提供这个有用的答案:

$.ui.autocomplete.prototype._renderItem = function( ul, item){
  var term = this.term.split(' ').join('|');
  var re = new RegExp("(" + term + ")", "gi") ;
  var t = item.label.replace(re,"<b>$1</b>");
  return $( "<li></li>" )
     .data( "item.autocomplete", item )
     .append( "<a>" + t + "</a>" )
     .appendTo( ul );
};
$("#keyword").autocomplete({ 
  source: "ajax/autocomplete.php?action=keyword", 
  minLength: 2 
});