これは非常に基本的なコードです。それでも私は問題に直面しています。 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>
アーダム
「TypeError:$(…).typeahead is a function」というエラーメッセージが表示される場合、使用しているbootstrapのバージョンではtypeahead関数が提供されていないことを意味します。正式にはtypeaheadは削除されます。新しいリリース3.0から。また、typeahead.jsで別途入手できます。
エラーが削除するtypeahead.jsプラグインを含める必要があります。
「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
https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.min.js
$('#search').typeahead({source: subjects})
あるべき
$('#search').typeahead({local: subjects})
また、typeaheadは最新の標準Bootstrapパッケージに含まれていないため、ダウンロードして明示的に指定する必要があります。ダウンロードリンク: typeahead.js
最新バージョンは2015年であるため、数年間更新されていません。