TypeError: $(…).typeahead is not a function

TypeError: $(…).typeahead is not a function

This is very basic code. Still I am facing a problem. I think I am missing something, as mentioned on bootstrap site

“Plugins can be included individually (though some have required
dependencies), or all at once. Both bootstrap.js and bootstrap.min.js
contain all plugins in a single file.”

So I included boostrap.js and still getting that error, what are the other dependencies?
Below is the code.




Solution 1:

if you see the error message “TypeError: $(…).typeahead is not a function” it mean typeahead function is not provided in the version of bootstrap you are using.
Officially the typeahead is dropped from the new release 3.0. And is available separtely in typeahead.js.

you need to include the the typeahead.js plugin the error will remove.

Solution 2:

I have faced an Error like “TypeError: $(…).typeahead is not a function

Here typeahead function is not provided in bootstrap in current version that you are using.

Related:  javascript data tables with twitter bootstrap

Now the typeahead is removed from the new release 3.0. and now this is available on typeahead.js.

So you will have to include the the typeahead.js plugin in your file/project then your error will be remove.So include your reference to the typeahead function.

( Download the latest bootstrap3-typeahead.js or bootstrap3-typeahead.min.js.
Include it in your source after jQuery and Bootstrap’s JavaScript. )

Link To download:


See the snapshot for help


See the snapshot to download the typehead.min.js

Solution 3:

$('#search').typeahead({source: subjects}) 

should be

$('#search').typeahead({local: subjects}) 

And since typeahead is no longer included in the latest standard Bootstrap package, you need to download and point to it explicitly. The download link:

The latest version is 2015 so it has not been updated for a few years.