这是非常基本的代码。我仍然面临着一个问题。我想我错过了一些东西,就像在引导网站上提到的那样
插件可以单独包含(尽管有些需要依赖),也可以一次包含所有插件。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>
问候
亚当
4条答案
按热度按时间ljsrvy3e1#
如果您看到错误消息“TypeError:$(...).typeahead is not a function”这意味着您正在使用的bootstrap版本中没有提供typeahead函数。typeahead正式从新的3.0版本中删除。并且可以在typeahead.js中单独获得。
你需要包括typeahead.js插件错误将删除.
az31mfrm2#
我遇到了一个类似“TypeError:$(...).typeahead不是函数”
这里typeahead函数在您使用的当前版本的 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
3wabscal3#
应该是
由于typeahead不再包含在最新的标准Bootstrap包中,因此您需要下载并显式指向它。下载链接:typeahead.js
最新的版本是2015年,所以已经有几年没有更新了。
cgh8pdjw4#
我迟到了很久,但对我来说,错误发生当我试图包括一个缩小版本的typeahead。使用原始/未缩小版本修复了该问题。