Bootstrap Typeahead更新程序无法正常工作

时间:2013-10-12 07:37:52

标签: jquery-autocomplete twitter-bootstrap-3 typeahead

我试试这个:

$('input[name=recerv_country]').typeahead({
    remote : {
        url: '?country=%QUERY',
        filter: function(data) {
            var resultList = data.map(function (item) {   
                return item.name;
            });
            return resultList;
        }
    },
    updater : function (item) {
        //item = selected item
        //do your stuff.
        alert(item.name);
        alert('foo');
        alert('bar');
        //dont forget to return the item to reflect them into input
        return item;
    }
});

什么都没发生,警报没有出现。我做错了什么?

2 个答案:

答案 0 :(得分:7)

$('input[name=recerv_country]').on('typeahead:selected', function(evt, item) {
    alert(item.value);
});

答案 1 :(得分:4)

使用Twitter Bootstrap 3,Typeahead插件已被删除。 Bootstrap建议使用https://github.com/twitter/typeahead.js代替。您似乎使用typeahead.js导致您使用远程调用。 Typeahead.js没有更新程序功能。

检查https://github.com/twitter/typeahead.js的自定义事件部分。 typeahead:selected可能符合您的需求。

另请参阅:Bootstrap 3 typeahead.js, use similar functions from Bootstrap 2