JqueryUI自动完成，在页脚菜单中制作下拉列表而不是下拉列表

Question

我正在使用JqueryUI Autocomlete和菜单中的搜索框。我的问题是如何使auocomplete返回的列表在基于页脚的菜单中放弃而不是放下。

这是我的代码的相关部分：

 $( "#project" ).autocomplete({
        minLength: 1,
        delay:0,
        source: projects,
        focus: function( event, ui ) {
            $( "#project" ).val( ui.item.label );

            return false;
        },
        select: function( event, ui ) {
            $( "#project" ).val( ui.item.value );
            $( "#project-imgN" ).val( ui.item.imgN );
            $( "#project-id" ).val( ui.item.label );                
            $( "#project-icon" ).attr( "src", ui.item.icon );
            $( "#project-description" ).html( ui.item.desc );
            $( "#project-label" ).html( ui.item.label );
            $( "#project-link" ).attr("href", ui.item.url );
            $( "#project-keyword" ).val(ui.item.keyword );
            log( ui.item ?
                 ui.item.icon :
                 + this.value );
                    $('#log_holder').slideDown();
            $( ".text" ).fadeIn();    
            return false;
        },

        close: function(event, ui ) {
        function runEffect() {
        // get effect type from 
        var move = $( "#project-imgN" ).val();
        // run the effect
        $('#log').slideDown();
        cf.moveTo(move);

    };

     runEffect(); 
        }
    })
    .data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + item.value + "</a>" )

            .appendTo( ul );
    };

问题，我认为是：

  .data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + item.value + "</a>" )

            .appendTo( ul );
    };

还是改变了ul的CSS？  任何帮助将不胜感激。