jquery - 自动完成 ._renderItem 并将类添加到包装器

Question

离开此处的示例 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 );
    };

Answer 1

这是一种简单的方法，点击 open 事件:

$("#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/