Cambiar interfaz de usuario jQuery Autocompletar Posición - pop, en lugar de hacia abajo

Question

estoy colocando una caja de autocompletar en la parte inferior de mi página y me gustaría que los resultados para que aparezca sobre la caja de texto, en lugar de a continuación. ¿Cómo puedo hacer esto?

Answer 1

Parece como si yo he sido capaz de responder a mi propia pregunta ya. Estoy abierto a una mejor solución si alguien lo tiene. He añadido esto a la puesta en marcha de autocompletar .. esencialmente se vuelve a colocar la caja en abierto a un nuevo desplazamiento.

open: function(event, ui) { 
    var autocomplete = $(".ui-autocomplete"); 
    var oldTop = autocomplete.offset().top; 
    var newTop = oldTop - autocomplete.height() - $("#quick_add").height() - 10; 

    autocomplete.css("top", newTop); 
} 

Answer 2

Puede usar la jQuery UI Position utility. Este es un ejemplo:

$(".ui-autocomplete").position({ 
    my: "left bottom", 
    at: "left top", 
    of: $("#quick_add"), 
    collision: "flip flip" 
}); 

Answer 3

versión actual de jQuery UI permite dar la Autocomplete widget de un objeto de posición con las opciones, con las mismas propiedades que el widget posición mencionada anteriormente. para que pueda usar eso para colocar la lista de sugerencias como desee.

Answer 4

Poner respuesta de @ mvonlintel de otra forma, ajuste la posición del menú sugerencias en la declaración de widgets:

$('selector').autocomplete(
{ 
    position: { my: "left bottom", at: "left top", collision: "flip" }, 
    . 
    . 
});