1

typehead.js でプリフェッチ オプションを機能させることができません。ローカルデータは正常に機能します。以前に投稿された質問への回答は、キャッシュが問題になる可能性があることを示唆していますが、私は ttl を 0 に設定し、Firefox と Chrome のプライベート ブラウジング モードでテストしています。私は何が欠けていますか？

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://twitter.github.com/typeahead.js/releases/latest/typeahead.css">
    <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>
</head>

<script type="text/javascript">
$(document).ready(function(){
  $('#searchText').typeahead([
    {
      name: 'terms',
      //local: ["United States", "Canada"],
      prefetch: 'http://twitter.github.io/typeahead.js/data/countries.json',
      ttl: 0
      }
    ]);
  });
</script>

<body>
<div class="container">
  <input class="typeahead" type="text" id="searchText">
</div>
</body>

</html>
4

1 に答える 1

1

何かが「機能していない」場合は、常にconsole(Firebug / Chrome 開発ツール) を確認する必要があります。これは、JS で作業するときの親友です。

この場合、機能していないわけでprefetchはありません。しかし、Github では、その json を別のドメインから取得することはできません。コンソールを確認すると、次のエラーが表示されます。

XMLHttpRequest cannot load http://twitter.github.io/typeahead.js/data/countries.json. Origin http://yourdomain is not allowed by Access-Control-Allow-Origin.

したがって、この例をローカルで動作させたい場合は、その JSON ファイルをダウンロードしてローカルで設定し、URL を次のように少し変更する必要があります。

$(document).ready(function(){
    $('#searchText').typeahead({
        name: 'terms',
        prefetch: '/data/countries.json', // go to http//yourdomain/data/countries to make sure the path is correct
        ttl: 0
    });
});

それが役に立てば幸い。

于 2013-08-09T10:41:43.313 に答える