twitter typeahead在下拉菜单中创建额外链接

Question

我想重写twitter typeahead的默认行为。

当一个建议显示，我希望能够添加一个<a>或<button>标记，以便当该特定按钮被点击时，它不会执行典型的下拉列提交。

我知道如何做模板渲染模板中的按钮/链接，但无法弄清楚如何覆盖整个行点击成单个按钮点击。

templates: { 
    header: '<h3 class="search-set">asdf</h3>', 
    suggestion: function(context) { 
    return Mustache.render(template, context); 
    } 
} 

在此先感谢。

Answer 1

那么，你可以使用由typeahead触发的Custom Events选择。

如果你真的需要一个按钮，它真的是一个胡子问题。 一个解决方案是通过jQuery将onClick处理程序添加到生成的html中，例如，

suggestion: function(context) { 
    var html = Mustache.render(template, context); 
    $('button', html).on('click', function(){alter('something')}); 
    return html; 
}