jquery - twitter typeahead.js：无法在建议中的链接上调用 click() 处理程序

Question

我正在使用Twitter Typeahead.js，当目标锚标记是建议模板的一部分时，我无法调用 JQuery click() 处理程序。请看这个 jsfiddle演示问题；摘录如下：

$('body').on('click', '.remove', function (evt) {
    console.log("clicked; currentVal=" + $(this).data('currentVal'));
    return false; //stop click propagation
});

$('#search').typeahead({
    name: 'foo',
    local: ['alpha', 'alfalfa', 'bravo', 'charlie'],
    engine: Hogan,
    template: '<p>{{value}} <a href="#" class="remove" data-current-val="{{value}}">Remove</a></p>'
});

如何调用我的点击处理程序（在预先输入之前）？谢谢！

Answer 1

这是由于应该在 v0.10 中修复的一个已知错误。

Answer 2

或者，您可以通过将其绑定到typeahead:selected.

$('#search').typeahead({
    name: 'foo',
    local: ['alpha', 'alfalfa', 'bravo', 'charlie'],
    engine: Hogan,
    template: '<p>{{value}} <a href="#" class="remove" data-current-val="{{value}}">Remove</a></p>'
}).on('typeahead:selected', function(object, data) {
    //your code goes here.
})