0
$('.example-films .typeahead').typeahead([{name: 'best-picture-winners',
リモート: '../data/films/queries/%QUERY.json',プリフェッチ: '../data/films/post_1960.json',
テンプレート: '

{{値}} – {{年}}

',エンジン: ホーガン}]);

この例で記述された JSON ファイルはどのようになりますか。typeahead js の例からこれを取得します

4

1 に答える 1

4

ページのソースを表示すると、 http://twitter.github.io/typeahead.js/js/examples.jsに javascript ファイルが添付されていることがわかります。

ここでは、先行入力ボックスがどのようにバインドされているかを確認できます。

 $('.example-films .typeahead').typeahead([
    {
      name: 'best-picture-winners',
      remote: '../data/films/queries/%QUERY.json',
      prefetch: '../data/films/post_1960.json',
      template: '<p><strong>{{value}}</strong> – {{year}}</p>',
      engine: Hogan
    }
  ]);

また、プリフェッチ JSON データにアクセスして、 http://twitter.github.io/typeahead.js/data/films/post_1960.jsonでフォーマットを確認できることがわかります。

[
  {
    "year": "1961",
    "value": "West Side Story",
    "tokens": [
      "West",
      "Side",
      "Story"
    ]
  },
  {
    "year": "1962",
    "value": "Lawrence of Arabia",
    "tokens": [
      "Lawrence",
      "of",
      "Arabia"
    ]
  },  {
    "year": "2012",
    "value": "Argo",
    "tokens": [
      "Argo"
    ]
  }
]
于 2013-10-17T14:49:43.877 に答える