jquery-ui – 如何修补*一个*自动完成的一个页面上的实例?

前端之家收集整理的这篇文章主要介绍了jquery-ui – 如何修补*一个*自动完成的一个页面上的实例?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这个答案 – jQueryUI: how can I custom-format the Autocomplete plug-in results? – 描述了如何对jqueryUI自动完成小部件进行monkeypatch,以便以特定的方式显示内容。它使用的方法是替换$ .ui.autocomplete.prototype上的一个函数

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

是否有一种方法来修补自动完成小部件只需一个输入元素?
它是什么?

当我检查$(‘$ input’)。自动完成,我没有看到任何自动完成fns(_renderItem,_renderMenu,_search等)。

解决方法

查看 custom data and display demo.该演示不会修改自动完成小部件的原型对象,这意味着只有该部件的实例才能实现:
$("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/

猜你在找的jQuery相关文章