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插件.
我遇到过类似“ 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
归档时间: |
|
查看次数: |
32683 次 |
最近记录: |