Is there a way to close the dropdown menu for typeahead.js?

javascript jquery typeahead typeahead.js
nwalke picture nwalke · Aug 14, 2013 · Viewed 10.5k times · Source

I'm using typeahead.js for a typeahead.

I basically want to do the reverse of this: Programmatically triggering typeahead.js result display

I've tried to do a .trigger('blur'); on the typeahead, but I set the value right before that by doing .typeahead('setQuery', value);. Doing 'setQuery' fires off an ajax request to fetch results with the new query term. So the "blur" takes place, but the box is opened soon thereafter.

Answer

Razvan Grigore picture Razvan Grigore · May 19, 2015

The proper way to do this, as of version 0.11:

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

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

Related questions

Typeahead.js - Search in multiple property values

Please see example below. JSFiddle: http://jsfiddle.net/R7UvH/2/ How do I make typeahead.js (0.10.1) search for matches in more than one property value? Ideally, within whole data (data.title, data.desc and in all data.category[i].name) …

Read More
Can I change the templating engine in Typeahead.js?

Twitter Typeahead.js 0.10.0 now uses Bloodhound.js to interact with the server. Is it possible to change the templating engine it uses from handlebars to underscore.js' or knockout.js punches' templating engine?

Read More
Return values with Bootstrap's Typeahead displayKey Function

I have defined a custom template for suggestions in Bootstrap's Typeahead as mentioned below. But when I select any of the suggestions, I get only the country name in input. Since I have passed country in displayKey parameter. Is there …

Read More