C'è un modo per chiudere il menu a discesa per typeahead.js?

Question

Sto usando typeahead.js per un typeahead.

Io fondamentalmente voglio fare il contrario di questo: Programmatically triggering typeahead.js result display

Ho provato a fare un .trigger('blur'); sul typeahead, ma impostare il valore a destra prima che facendo .typeahead('setQuery', value);. Facendo 'setQuery' si attiva una richiesta Ajax per recuperare i risultati con il nuovo termine di ricerca. Quindi la "sfocatura" ha luogo, ma la scatola viene aperta subito dopo.

Answer 1

Invece di chiamare setQuery, aggiungi un'altra funzione che non fa getSugestions e ti divertirai.

Answer 2

È possibile attivare "sfocatura" nel gestore eventi "aperto". Se il menu a tendina sfarfallio per un momento, è possibile utilizzare CSS per nasconderlo per l'intervallo.

Answer 3

Nel caso qualcuno si imbatte in futuro, il modo migliore per farlo è ora:

$('.tt-dropdown-menu').css('display', 'none') 

Se voi strumenti open Chrome per sviluppatori e guardare ciò che accade durante la digitazione e cancellare, questo è tutto typeahead sta facendo, niente di magico.

Inoltre, se si tenta con la versione corrente (10,5) per impostare la query, si otterrà un errore che assomiglia a questo:

Uncaught TypeError: Cannot assign to read only property 'highlight' of 

Answer 4

Il modo corretto per fare questo, a partire dalla versione 0.11 :

$('.typeahead').typeahead('close'); 

manuale: https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#jquerytypeaheadclose