JqueryUI Автозаполнение, создание выпадающего списка, а не выпадающего в меню нижнего колонтитула
Я использую 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? Любая помощь будет оценена.