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

时间:2014-12-15 07:08:36

标签: 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>

此致

光顾Aadam

3 个答案:

答案 0 :(得分:18)

如果您看到错误消息&#34; TypeError:$(...)。typeahead不是函数&#34;它意味着你正在使用的bootstrap版本中没有提供typeahead函数。 正式从第3.0版新版本中删除了typeahead。并且可以在typeahead.js中单独使用。

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

答案 1 :(得分:2)

我遇到了错误,如&#34; TypeError:$(...)。typeahead不是函数&#34;

此处使用当前版本的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

See the snapshot for help

https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.min.js

See the snapshot to download the typehead.min.js

答案 2 :(得分:0)

<Page
x:Class="Platform.Universal.LoadingWindow.LoadingWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="Transparent">
<Grid>
    <Image x:Name="LoadingImage"
        Stretch="Fill" 
           Source="ms-appdata:///Resources.Universal/Resources/ChangableFiles/Default/LoadingImage.png" />
</Grid>

应该是

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

由于最新的标准Bootstrap软件包中不再包含typeahead,因此您需要下载并明确指向它。下载链接: typeahead.js

最新版本为2015,因此几年没有更新。