Typeahead.js与点击链接

Question

我想实现与我的网站上预输入功能的搜索和这里遵循的指示： http://twitter.github.io/typeahead.js/examples/#custom-templates

然而，例子都显示预输入文本等等的onclick只是填充在文本框中。

对我来说，修改这个建议的最佳方式是实际链接到一个建议页面？例如。预输入返回3个对象：

• 对象1：1的链接
• 对象2：2链接
• 对象3：3的链接

我应该怎么做才能有对象1..3返回，并点击它们需要用户链接1..3？

Answer 1

写一个简单的例子，在http://jsfiddle.net/2RNFj/3/

你只需要提供的对象和它提供给Bloodhound设置的typehead来源：

var links = [{name: "abc", link: "http://www.example1.com"}, 
      {name: "nbc", link: "http://www.example2.com"}]; 

var source = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    local: links 
}); 

source.initialize(); 

$('#custom-templates .typeahead').typeahead(null, { 
    name: 'matched-links', 
    displayKey: 'name', 
    source: source.ttAdapter(), 
    templates: { 
    empty: [ 
     '<div class="empty-message">', 
     'unable to find any Best Picture winners that match the current query', 
     '</div>' 
    ].join('\n'), 
     suggestion: Handlebars.compile('<p><a href="{{link}}">{{name}}</a></p>') 
    } 
});