TypeError: $(...).typeahead 不是函数答案

【问题标题】：TypeError: $(...).typeahead is not a functionTypeError: $(...).typeahead 不是函数
【发布时间】：2015-02-13 05:57:48
【问题描述】：

这是非常基本的代码。我仍然面临一个问题。如引导站点上所述，我想我遗漏了一些东西

“插件可以单独包含（虽然有些需要依赖项），或一次全部。 bootstrap.js 和 bootstrap.min.js 将所有插件包含在一个文件中。”

所以我包含了 boostrap.js，但仍然出现该错误，其他依赖项是什么？

下面是代码。

<!DOCTYPE html>
<html>
    <head>
        <title>Member</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>
<div class="well">  
<input type="text" class="span3" id="search" data-provide="typeahead" data-items="4" />  
</div>
<script>  
 var subjects = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5', 'CSS3', 'JSON'];   
$('#search').typeahead({source: subjects})  
</script>
    </body>
</html>

问候

亚当

【问题讨论】：

忘了提到 bootstrap 3.1 和 jquery 1.10 使用
tatiyants.com/…
Typeahead 不再与引导程序捆绑在一起。
来自 github.com/bassjobsen/Bootstrap-3-Typeahead ：“使用 Twitter Bootstrap 3，typeahead 插件已被删除。”您必须手动添加 typeahead 脚本
添加附加插件后完美运行。谢谢大家。

标签： javascript jquery twitter-bootstrap bootstrap-typeahead

【解决方案1】：

如果您看到错误消息“TypeError: $(...).typeahead is not a function”，则表示您正在使用的引导程序版本中未提供 typeahead 功能。正式从新版本 3.0 中删除了预输入。并且可以在 typeahead.js 中单独使用。

您需要包含错误将删除的 typeahead.js 插件。

【讨论】：

我已经下载了 typeahead v0.11.1 并将其包含在脚本标签中，但我仍然得到 $(...)。typeahead 不是一个函数。有什么想法吗？
下载链接为：twitter.github.io/typeahead.js

【解决方案2】：

我遇到了类似“TypeError: $(...).typeahead is not a function”的错误

您正在使用的当前版本的引导程序中未提供此处的预输入功能。

现在 typeahead 已从新版本 3.0 中删除。现在这可在 typeahead.js 上使用。

因此，您必须在文件/项目中包含 typeahead.js 插件，然后您的错误将被删除。因此请包含您对 typeahead 函数的引用。

( 下载最新的 bootstrap3-typeahead.js 或 bootstrap3-typeahead.min.js。在 jQuery 和 Bootstrap 的 JavaScript 之后将它包含在您的源代码中。 )

下载链接：

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

【讨论】：

【解决方案3】：

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

应该是

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

而且由于 typeahead 不再包含在最新的标准 Bootstrap 包中，您需要下载并明确指向它。下载链接： typeahead.js

最新版本是 2015 年，所以已经有几年没有更新了。

【讨论】：