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

bis0qfac  于 2023-06-20  发布在  Bootstrap
关注(0)|答案(4)|浏览(243)

这是非常基本的代码。我仍然面临着一个问题。我想我错过了一些东西,就像在引导网站上提到的那样
插件可以单独包含(尽管有些需要依赖),也可以一次包含所有插件。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>

问候

亚当

ljsrvy3e

ljsrvy3e1#

如果您看到错误消息“TypeError:$(...).typeahead is not a function”这意味着您正在使用的bootstrap版本中没有提供typeahead函数。typeahead正式从新的3.0版本中删除。并且可以在typeahead.js中单独获得。
你需要包括typeahead.js插件错误将删除.

az31mfrm

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

3wabscal

3wabscal3#

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

应该是

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

由于typeahead不再包含在最新的标准Bootstrap包中,因此您需要下载并显式指向它。下载链接:typeahead.js
最新的版本是2015年,所以已经有几年没有更新了。

cgh8pdjw

cgh8pdjw4#

我迟到了很久,但对我来说,错误发生当我试图包括一个缩小版本的typeahead。使用原始/未缩小版本修复了该问题。

相关问题