0

すべての公式ドキュメントを読み、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 個のデータが必要ですか? スタイルシートは必須ですか?

前もって感謝します。

4

1 に答える 1

0

JSON ファイルへのパスが間違っていました。私はそれを絶対的なものに変更し、JavaScript を動かしました。

于 2013-06-10T22:18:01.443 に答える