Javascript Twiiter Typeahead自定义模板-使默认示例正常工作

我无法在此处找到默认的Twitter typeahead自定义模板： 我可以让默认的演示正常工作。 这是我的js代码

jQuery(document).ready(function() {

var bestPictures = [
    {"year": "1996", "value": "Tom", "url": "http://example.com"},
    {"year": "1998", "value": "Tim", "url": "http://example.com"}
];


$('#custom-templates .typeahead').typeahead(null, {
  name: 'best-pictures',
  display: 'value',
  source: bestPictures,
  templates: {
    empty: [
      '<div class="empty-message">',
        'unable to find any Best Picture winners that match the current query',
      '</div>'
    ].join('\n'),
    suggestion: Handlebars.compile('<div><strong>{{value}}</strong> – {{year}}</div>')
  }
   });
});

---

尝试使用

猎犬

，返回对象

最佳图片

，作为可在

访问的属性。提前键入

建议

功能

jQuery（文档）.ready（函数（）{
var bestPictures=[{
“年份”：“1996年”，
“价值”：“汤姆”，
“url”：”http://example.com"
}, {
“年份”：“1998年”，
“价值”：“Tim”，
“url”：”http://example.com"
}];
var图片=新猎犬({
datumTokenizer:Bloodhound.tokenizers.obj.whitespace（“值”），
queryTokenizer:猎犬，标记，空白，
本地：$.map（最佳图片，功能（d）{
返回{
价值：d.价值，
//将“最佳图片”传递给“建议”`
建议：d
}
})
});
pictures.initialize（）；
$（“#custom templates.typeahead”）.typeahead（null{
名称：“最佳影片”，
显示：“值”，
来源：pictures.ttAdapter（），
模板：{
未找到：[
"",
“找不到任何与当前查询匹配的最佳图片获奖者”，
""
].join（“\n”），
建议：功能（数据）{
//`data`:`suggest`在`Bloodhound'传递的对象的属性`
返回“”+data.suggest.value+”“
+data.suggest.year+“”
}
}
});
});

js

的哪个部分没有返回预期结果？嗯，下拉列表没有填充。我在typeahead中收到一个错误。请尝试使用

猎犬

，将

最佳图片

作为对象传递给

建议

函数，请参阅帖子谢谢！很好用！

on('typeahead:selected', function(event, datum) {
    window.location = datum.url
});