Typeahead + Jquery + TypeError: $ (...). Typeahead не является функцией + .mixin (Typeahead.prototype

Question

На моей странице html, я пытаюсь добавить Typeahead для автозаполнения, но я не могу ее разрешить проблема, связанная с TypeError и ReferenceError.

Я попробовал один образец на CodePen и работает отлично. Click Here

Но в реальной странице, я получаю эти ошибки.

ошибка

ReferenceError: _ is not defined 
.mixin(Typeahead.prototype, { 

typeahe...?body=1 (line 87, col 2) 
TypeError: $(...).typeahead is not a function 

HTML код

var subjects = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5']; 
$('#search').typeahead({source: subjects}) 

Устройство JS файла

<%= javascript_include_tag 'jquery.js' %> 
<%= javascript_include_tag 'angular.min.js' %> 
<%= javascript_include_tag 'jquery-ui.min.js' %> 
<%= javascript_include_tag 'bootstrap.3.2.js' %> 
<%= javascript_include_tag 'typeahead.js' %> 

<%= javascript_include_tag 'jquery.backstretch.min.js' %> 
<%= javascript_include_tag 'jquery.scrollTo.min.js' %> 

Просьба предложить некоторые вещи, чтобы решить эту проблему. Я видел несколько решений в google и stackoverflow, но ничего не работает.

Пожалуйста, обратите внимание на обновленный области ответа

Answer 1

Очень Очень нелепая ошибка - Может быть, я ошибаюсь ...

Я нашел этот вопрос с Bootstrap Javascript JS файл, который я добавил.

В примере кода я добавил версию bootstrap 2.3.2 и работал нормально.

twitter-bootstrap/2.3.2/js/bootstrap.min.js 

Но в моем HTML-странице, я добавил самозагрузку 3.2 версии и расслоения плотного создать конфликт, как я полагаю.

<%= javascript_include_tag 'bootstrap.3.2.js' %> 

Прямо сейчас я просто заменил 3,2 версии 2.3.2 версии и работает нормально.