Czy istnieje sposób na zamknięcie menu rozwijanego dla typeahead.js?

Question

Używam typeahead.js dla typu nagłówka.

Zasadniczo chcę zrobić odwrocie tej: Programmatically triggering typeahead.js result display

Próbowałem zrobić .trigger('blur'); na wpisywanie znaków z wyprzedzeniem, ale ustawić wartość tuż przed tym, wykonując .typeahead('setQuery', value);. Wykonywanie polecenia "setQuery" powoduje wywołanie żądania ajax w celu pobrania wyników z nowym terminem zapytania. A więc "rozmycie" ma miejsce, ale wkrótce zostanie otwarte okno.

Answer 1

Zamiast wywoływania setQuery, dodaj inną funkcję, która nie robi getSuggestions, a będziesz się dobrze bawić.

Answer 2

Możesz wywołać "rozmycie" w "otwartym" module obsługi zdarzeń. Jeśli rozwijane menu migocze przez chwilę, możesz użyć CSS, aby ukryć go w międzyczasie.

Answer 3

W przypadku gdy ktoś spotyka to w przyszłości, najlepszym sposobem, aby to zrobić teraz to:

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

Jeśli Ci narzędzia otwarty dla programistów Chrome i obserwować co się dzieje w trakcie pisania i wymazać, to wszystko jest wpisywanie znaków z wyprzedzeniem robi, nic magicznego.

Poza tym, jeśli spróbujesz z bieżącej wersji (10.5), aby ustawić zapytanie, dostaniesz błąd, który wygląda tak:

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

Answer 4

Właściwym sposobem, aby to zrobić, od wersji 0.11 :

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

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