JqueryUI Автозаполнение, создание выпадающего списка, а не выпадающего в меню нижнего колонтитула - PullRequest
Новая
       10

JqueryUI Автозаполнение, создание выпадающего списка, а не выпадающего в меню нижнего колонтитула

2 голосов
/ 03 февраля 2012

Я использую 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 );
    };

или это изменение CSS в ul? Любая помощь будет оценена.

...