Có cách nào để đóng menu thả xuống cho typeahead.js không?

Question

Tôi đang sử dụng typeahead.js để đánh máy.

tôi về cơ bản muốn làm ngược lại điều này: Programmatically triggering typeahead.js result display

tôi đã cố gắng để làm một .trigger('blur'); trên typeahead, nhưng tôi thiết lập giá trị ngay trước đó bằng cách làm .typeahead('setQuery', value);. Việc 'setQuery' kích hoạt một yêu cầu ajax để tìm nạp kết quả với cụm từ truy vấn mới. Vì vậy, "làm mờ" diễn ra, nhưng hộp được mở ngay sau đó.

Answer 1

Thay vì gọi setQuery, hãy thêm một hàm khác không thực hiện getSuggestions và bạn sẽ có thời gian tốt.

Answer 2

Bạn có thể kích hoạt 'mờ' trong trình xử lý sự kiện "đã mở". Nếu thả xuống nhấp nháy một lúc, bạn có thể sử dụng CSS để ẩn nó cho tạm thời.

Answer 3

Trong trường hợp ai đó đi qua này trong tương lai, cách tốt nhất để làm điều này bây giờ là:

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

Nếu bạn công cụ nhà phát triển Chrome mở và xem những gì sẽ xảy ra khi bạn gõ và xóa, đây là tất cả Typeahead đang làm, không có gì huyền diệu.

Bên cạnh đó, nếu bạn thử với phiên bản hiện tại (10.5) để thiết lập các truy vấn, bạn sẽ nhận được một lỗi mà trông như thế này:

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

Answer 4

Cách thích hợp để làm điều này, như các phiên bản 0.11 :

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

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