Cambia la posizione di completamento dell'interfaccia utente jQuery - Popup, invece di down

Question

Sto posizionando una casella di completamento automatico nella parte inferiore della mia pagina e vorrei che i risultati comparissero SOPRA la casella di testo, anziché sotto. Come posso fare questo?

Answer 1

Sembra che sia già stato in grado di rispondere alla mia stessa domanda. Sono aperto a una soluzione migliore se qualcuno lo ha capito. Ho aggiunto questo all'avvio del completamento automatico .. essenzialmente esso riposiziona la casella su un nuovo offset aperto.

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

È possibile utilizzare il jQuery UI Position utility. Ecco un esempio:

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

Answer 3

attuale versione di jQuery UI permette dare il completamento automatico widget di un oggetto di posizione con le opzioni, con le stesse proprietà del widget di posizione di cui sopra. quindi puoi usarlo per posizionare l'elenco dei suggerimenti come preferisci.

Answer 4

Mettere risposta di @ mvonlintel in un altro modo, impostare la posizione del menu suggerimenti nella dichiarazione widget

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