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; 
}