将项添加到jQuery UI自动完成

Question

目前,我在引用ASHX文件的文本框上使用jQuery UI自动完成.

一切都是有效的,除了我想在列表的末尾添加一个项目:"找不到项目？点击这里请求添加新项目."

我尝试了下面的代码行,但它所做的只是格式化项目,我无法追加.

data( "catcomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.catcomplete", item )
            .append( $( "<a class='ui-menu-item'></a>" ).text( item.label ) )
            .appendTo( $('ul').last('.autocomplete-category'));
    };

提示？提示？Mucho gracias!:d

Answer 1

您应该在Open事件触发后添加额外的条目.这将使您可以访问列表,这是您所追求的,而不是每个元素,这是_renderItem您可以访问的内容.

这是一个示例,表示已填充到列表中的条目:

$("#myBox").autocomplete({
        source: "[URL]",
        minLength: 2,
        open: function(event, ui) {
            $("ul.ui-autocomplete.ui-menu .ui-menu-item:odd").css("background-color","#dedede");
        }
    });