【问题标题】:How would be the JSON is in this example?在这个例子中 JSON 是怎样的?
【发布时间】:2013-10-17 14:41:44
【问题描述】:
$('.example-films .typeahead').typeahead([{name: 'best-picture-winners', 远程:'../data/films/queries/%QUERY.json',预取:'../data/films/post_1960.json', 模板:'

{{value}} - {{year}}

',engine: Hogan}]);

在这个例子中写的 JSON 文件是怎样的。 我从typeahead js examples得到这个

【问题讨论】:

  • 你试过什么?如果您希望有人为您编写代码,请考虑聘请该网站上的一位开发人员。
  • @Mr.Tiffenbox:不清楚你在问什么,或者你被困在哪里。如果您只需要查看该页面上使用的 JSON 数据,您的浏览器调试工具肯定可以显示给您吗?

标签: typeahead typeahead.js


【解决方案1】:

如果您查看该页面的源代码,您可以看到在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"
    ]
  }
]

【讨论】:

  • 我重写了这个问题,以更接近这个答案的质量。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多