Question

我正在使用Twitter Typeahead.js，当目标锚标记是建议模板的一部分时，无法获取调用的JQuery click（）处理程序。请参阅this 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>'
});

如何调用我的Click处理程序（在typeahead之前）？谢谢！

Answer 1

这是由于known bug应该在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.
})

twitter typeahead.js：无法在建议中的链接上调用click（）处理程序

2 个答案: