Estoy colocando un cuadro de autocompletar en la parte inferior de mi página y me gustaría que los resultados aparecieran SOBRE el cuadro de texto, en lugar de debajo. ¿Cómo puedo hacer esto?
Poniendo la respuesta de @mvonlintel de otra manera, establezca la posición del menú de sugerencias en la declaración del widget:
$('selector').autocomplete( { position: { my: "left bottom", at: "left top", collision: "flip" }, . . });Puede utilizar la utilidad jQuery UI Position . Aquí hay un ejemplo:
$(".ui-autocomplete").position({ my: "left bottom", at: "left top", of: $("#quick_add"), collision: "flip flip" });Parece que ya he podido responder a mi propia pregunta. Estoy abierto a una mejor solución si alguien la tiene. Agregué esto al inicio de autocompletar ... esencialmente reposiciona el cuadro 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); }