jquery – 自动完成._renderItem并为包装器添加一个Class

前端之家收集整理的这篇文章主要介绍了jquery – 自动完成._renderItem并为包装器添加一个Class前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在这里以 http://jqueryui.com/demos/autocomplete/#custom-data为例
我想知道如何在使用_renderItem()时为ul包装器添加样式:
.data( "autocomplete" )._renderItem = function( ul,item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete",item )
            .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
            .appendTo( ul );
    };

解决方法

这将是一个简单的方法,利用开放事件:
$("#auto").autocomplete({
    source: /* ... */,open: function () {
        $(this).data("autocomplete").menu.element.addClass("my_class");
    }
});

jQueryUI> = 1.9

$("#auto").autocomplete({
    source: /* ... */,open: function () {
        $(this).data("uiAutocomplete").menu.element.addClass("my_class");
    }
});

menu是自动完成使用的内部窗口小部件.

示例:http://jsfiddle.net/bx8Ye/

猜你在找的jQuery相关文章