如何设置jQuery-UI 1.10自动完成自定义显示

Question

当我从jquery-ui 1.9切换到1.10(在两种情况下都使用jquery 1.8.3)时,我的jquery-UI自动完成功能被破坏了.

该升级指南指出item.autocomplete语法被替换ui-autocomplete-item,但我无法得到它的工作.事实上,我认为自定义数据和显示的示例已被破坏,因为desc下拉列表中未显示该示例.

这可能非常简单,但我被阻止,非常感谢一个例子,特别是<strong>在下拉列表中正确显示HTML(如)的例子  .

Answer 1

btr基本上给了我答案,但对于其他人来说,这是我不理解的:

根据我改变的升级指南item.autocomplete,ui-autocomplete-item但我忘了autocomplete改为ui-autocomplete.所以我的(无效)代码看起来像这样(我的自动完成调用的最后一部分):

.data( "autocomplete" )._renderItem = function( ul, item ) {
    return jQuery( "<li>" ).data( "ui-autocomplete-item", item ).append( "<a>--" + item.label + "<br>" + item.desc + "</a>" ).appendTo( ul );

请注意,我已更改item.autocomplete为ui-autocomplete-item第2行,但我忘记更改autocomplete为ui-autocomplete第1行

等效的工作代码是:

.data('ui-autocomplete')._renderItem = function(ul, item) {
        return jQuery('<li>').data('ui-autocomplete-item', item ).append('<a>--'+ item.label+'<br>'+item.desc+'</a>').appendTo(ul);
    };

再次感谢帮助btr!