【问题标题】:typeahead.js get selected datumtypeahead.js 获取选定的数据
【发布时间】:2013-08-03 21:17:18
【问题描述】:

我正在尝试使用 Twitter typeahead.js 在选择后返回一个数据。根据我对文档的理解,代码应该类似于

$('.selector').typeahead({
  name: 'identifier',
  local: localObjectsArray
}).on('autocompleted', function(item){
    alert(JSON.stringify(item));
});

但是这不起作用。检测 typeahead 事件的正确方法是什么?

【问题讨论】:

    标签: typeahead typeahead.js


    【解决方案1】:

    选择后,需要typeahead:selected:

    $('.selector').typeahead({
        name: 'identifier',
        local: localObjectsArray
    }).on('typeahead:selected', function (obj, datum) {
        console.log(obj);
        console.log(datum);
    });
    

    希望对你有帮助。

    【讨论】:

    • 这是一个很好的提示,但可能应该编辑为使用 .on() 而不是 .bind() 参见stackoverflow.com/questions/8065305/…
    • 我认为使用.on() 是多余的,当.bind() 被弃用时我会更新答案。
    • 很公平,但只是为了记录,“从 jQuery 1.7 开始,.on() 方法是附加事件处理程序的首选方法”来自api.jquery.com/bind
    • 我的从来没有“选择”附加,所以我不能使用这种方法......到处寻找,找不到解决我的问题的方法。一开始似乎很少使用 typeahead.js。如果你能在这里帮助我,请告诉我,@Hieu stackoverflow.com/questions/24813018/…
    • 请注意,自定义预输入事件现在是typeahead:select,而不是typeahead:selected。我不确定何时进行此更改,但从 v0.11.1 开始,typeahead.selected 未定义。文档反映了这一点:github.com/twitter/typeahead.js/blob/master/doc/…
    猜你喜欢
    • 2021-04-13
    • 1970-01-01
    • 2014-01-29
    • 1970-01-01
    • 2022-07-09
    • 2011-11-17
    • 1970-01-01
    • 2014-02-04
    • 2012-10-02
    相关资源
    最近更新 更多