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

Aad*_*dam 20 javascript jquery twitter-bootstrap bootstrap-typeahead

这是非常基本的代码.我仍然面临一个问题.我想我错过了一些东西,正如bootstrap网站上提到的那样

"可以单独包含插件(尽管有些插件需要依赖项),或者同时包含所有插件.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>
Run Code Online (Sandbox Code Playgroud)

问候

AADAM

小智 20

如果您看到错误消息"TypeError:$(...).typeahead不是函数",则表示您正在使用的引导程序版本中未提供typeahead函数.正式从第3.0版新版本中删除了typeahead.并且可以在typeahead.js中单独使用.

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

  • 我已经下载了typeahead v0.11.1并将其包含在脚本标记中,我仍然得到$(...).typeahead不是一个函数.有任何想法吗? (8认同)

Shu*_*rma 5

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

在您使用的当前版本中,bootstrap 中未提供预先输入功能。

现在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

查看快照下载 typehead.min.js