Twitter bootstrap 我可以让typeahead/Hound始终显示用户正在键入的内容吗?

Twitter bootstrap 我可以让typeahead/Hound始终显示用户正在键入的内容吗?,twitter-bootstrap,typeahead.js,typeahead,bloodhound,Twitter Bootstrap,Typeahead.js,Typeahead,Bloodhound,我正在使用typeahead/bloodhound实现一个标签输入。用户可以添加新标签,而不受现有标签的限制 我希望始终显示用户在建议列表中键入的内容,这样他们就可以通过单击来创建标记(目前他们可以通过键入逗号或键入enter来创建标记)。理想情况下,我将能够区分新的和现有的标签,并在“建议”旁边加上一个小徽章,上面写着“新” 是否有可能做到这一点(如果有,如何做到) 我现在拥有的代码完全有效(除了不显示下拉列表中键入的内容): 我知道了 首先,我补充说: templates: { em

我正在使用typeahead/bloodhound实现一个标签输入。用户可以添加新标签,而不受现有标签的限制

我希望始终显示用户在建议列表中键入的内容,这样他们就可以通过单击来创建标记(目前他们可以通过键入逗号或键入enter来创建标记)。理想情况下,我将能够区分新的和现有的标签,并在“建议”旁边加上一个小徽章,上面写着“新”

是否有可能做到这一点(如果有,如何做到)

我现在拥有的代码完全有效(除了不显示下拉列表中键入的内容):

我知道了

首先,我补充说:

templates: {
    empty: function(obj) {return '<div class="tt-suggestion tt-selectable tt-current-query">'+obj.query+' <span class="tt-new badge badge-info">New</span></div>';}
}
我不是100%确定为什么只需按键触发器就可以工作,但它确实可以!我很想知道为什么会这样——我花了一段时间试图注入逗号或返回按键事件,最终偶然发现了这个解决方案

templates: {
    empty: function(obj) {return '<div class="tt-suggestion tt-selectable tt-current-query">'+obj.query+' <span class="tt-new badge badge-info">New</span></div>';}
}
$(document).on("click", ".tt-current-query", function() {
    var input=$(this).closest('.twitter-typeahead').find('input.tt-input');
    input.trigger("keypress");
});