Typeahead + Jquery + TypeError: $(...).typeahead 不是函数 + .mixin(Typeahead.prototype答案

【问题标题】：Typeahead + Jquery + TypeError: $(...).typeahead is not a function + .mixin(Typeahead.prototypeTypeahead + Jquery + TypeError: $(...).typeahead 不是函数 + .mixin(Typeahead.prototype
【发布时间】：2023-04-05 01:16:02
【问题描述】：

在我的 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 上看到的解决方案很少，但没有任何效果。

请查看更新后的回答区

【问题讨论】：

直接来自浏览器控制台：“加载资源失败：服务器响应状态为404（未找到）raw.githubusercontent.com/twitter/typeahead.js/master/src/…”
请看图。刚刚更新
非常感谢@War10ck 提出的一个建议，我正在努力解决这个问题。我尝试了几件事并通过修改一行并解决了问题。我不确定我有多确定，但我得到了下拉菜单

标签： javascript jquery html angularjs bootstrap-typeahead

【解决方案1】：

非常非常愚蠢的错误 - 可能是我错了......

我发现我添加的 Bootstrap Javascript JS 文件存在问题。

在示例代码中，我添加了 bootstrap 2.3.2 版本并且工作正常。

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

但是在我的 html 页面中，我添加了 bootstrap 3.2 js 版本并按照我的假设创建了冲突。

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

现在我刚刚用 2.3.2 版本替换了 3.2 版本并且工作正常。

【讨论】：

非常感谢.. @War10ck