web-dev-qa-db-ja.com

TypeError:$(...)。typeaheadは関数ではありません

これは非常に基本的なコードです。それでも私は問題に直面しています。 bootstrap site

「プラグインは、個別に(必要な依存関係があるものもありますが)または一度にすべて含めることができます。bootstrap.jsとbootstrap.min.jsの両方に、すべてのプラグインが1つのファイルに含まれています。」

だから、私は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>

よろしく

アーダム

20
Aadam

「TypeError:$(…).typeahead is a function」というエラーメッセージが表示される場合、使用しているbootstrapのバージョンではtypeahead関数が提供されていないことを意味します。正式にはtypeaheadは削除されます。新しいリリース3.0から。また、typeahead.jsで別途入手できます。

エラーが削除するtypeahead.jsプラグインを含める必要があります。

20
Aamir Parre

TypeError:$(…).typeahead is not a function」のようなエラーに直面しました

ここで、使用している現在のバージョンでは、bootstrapではtypeahead関数は提供されていません。

これで、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
Shubham Verma
$('#search').typeahead({source: subjects}) 

あるべき

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

また、typeaheadは最新の標準Bootstrapパッケージに含まれていないため、ダウンロードして明示的に指定する必要があります。ダウンロードリンク: typeahead.js

最新バージョンは2015年であるため、数年間更新されていません。

0
seceparsto