2013-10-17 52 views
-2
 
$('.example-films .typeahead').typeahead([{name: 'best-picture-winners', 
remote: '../data/films/queries/%QUERY.json',prefetch: '../data/films/post_1960.json', 
template: '

{{value}} – {{year}}这个例子中的JSON将如何?

',engine: Hogan}]);

如何将JSON文件写入此示例。 我从typeahead js examples

+0

什么^ h你试过了吗?如果您希望某人为您编写代码,请考虑聘请该网站上的某个开发人员。 – Nikola

+0

@ Mr.Tiffenbox:你不明白你在问什么,或者你在哪里被卡住。如果您只需要查看该页面上使用的JSON数据,那么您的浏览器调试工具当然可以向您显示这些数据? – David

回答

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" 
    ] 
    } 
] 
+0

感谢这一个我想 –

+1

我重写了这个问题,以更接近地匹配这个答案的质量。 –