すべての公式ドキュメントを読み、Google で検索し、コンソールを確認しましたが、エラーはありませんでしたが、Twitter の typeahead.js をまったく機能させることができません。
ここにテストページを設置しました。
私の実際のソースは次のとおりです。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Lookahead Test</title>
<meta name="generator" content="BBEdit 9.6" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src='http://twitter.github.com/typeahead.js/releases/latest/typeahead.js'></script>
<link rel='stylesheet' href='http://twitter.github.com/typeahead.js/releases/latest/typeahead.css' />
</head>
<body>
<h1>This is a test of Twitter's typeahead.js</h1>
<div>
<form>
<input id="departure" type="text" placeholder="This appears when you load page">
</form>
</div>
<script>
$('#departure').typeahead({
name: 'departure',
prefetch: '/test.json',
limit: 10
});
</script>
</body>
</html>
JSON ファイルに 3 行だけ入れます。次のようになります。
[
"Vancouver, British Columbia, Canada (YVR)",
"Calgary, Alberta, Canada (YYJ)",
"Toronto, Lester B. Pearson International Airport, Ontario, Canada (YYZ)"
]
私はもともと中括弧を持っていましたが、それを修正してもうまくいきませんでした。私はいくつかの実用的な例を見て、私のものに変更を加え続けていますが、うまくいきませんでした. JSON ファイルには少なくとも 10 個のデータが必要ですか? スタイルシートは必須ですか?
前もって感謝します。