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

标签 javascript jquery twitter-bootstrap bootstrap-typeahead

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

"Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file."

所以我包含了 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>

问候

亚当

最佳答案

如果您看到错误消息“TypeError: $(…).typeahead is not a function”,则表示您正在使用的 bootstrap 版本中未提供 typeahead 函数。 新版本 3.0 正式取消了 typeahead。并且可以在 typeahead.js 中单独使用。

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

关于javascript - TypeError : $(. ..).typeahead 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27478953/

相关文章:

javascript - 首次运行后链接不会切换

javascript - 在 javascript 中滚动时隐藏标题的性能问题

javascript - 数据表突出显示第一个分页页面之外的行

javascript - jQuery 代码与其他代码发生冲突

jquery - 在 HTML 中动态移动结束标记的位置

css - 是否可以像 jquery 一样在 google 中托管 twitter bootstrap.css?

javascript - 下拉悬停在窗口调整大小时启用/禁用

javascript - 调整 JavaScript 日期和时间

javascript - DOM appendChild 插入图片

facebook - Meteor 用户帐户 - Facebook 登录信息未显示,但 Google 已显示