jquery-ui - 如何在页面上修补 *只有一个 * 自动完成实例？

Question

这个答案——jQueryUI: how can I custom-format the Autocomplete plug-in results? -- 描述如何对 jqueryUI 自动完成小部件进行猴子补丁，以便它以特定方式显示内容。它使用的方法是替换 $.ui.autocomplete.prototype 上的函数。 .

这意味着所有自动完成小部件都将获得此补丁。

有没有办法只为一个输入元素修补自动完成小部件？
它是什么？

当我检查 $('$input').autocomplete ，我在那里看不到任何自动完成 fns(_renderItem、_renderMenu、_search 等)。

Answer 1

查看 custom data and display demo .此演示没有修改自动完成小部件的原型(prototype)对象，这意味着只有该小部件的实例受到影响:

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

这是一个工作演示:http://jsfiddle.net/vJSwq/