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

Question

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 indivi

Answer 1

$('#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: typeahead.js

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

Answer 2

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.

Answer 3

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.

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:

https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.js

https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.min.js