使用Bootstrap标记下拉（typeahead.js）不起作用？

Question

我需要在bootstrap.taginput中使用typeahead.js， 用于产品输入领域。

$('.product').tagsinput({
  typeahead: {
     source: function (query, process) {
        return $.getJSON(
            '<?php echo site_url("ajax/get_products"); ?>',
            { query: query },
            function (data) {
                return process(newData);
            });
        alert(newData);
    }
  }
});

  

这是我的返回数据格式。

{
"1":{"id":"1","value":"Banana"},
"2":{"id":"2","value":"Dell Laptop"},
"3":{"id":"3","value":"Rent A car Management System"}
}

没有运气，既没有下拉，也没有输入标签。

  我按以下顺序添加

文件，

自举-tagsinput.css
typeahead.jquery.js
自举-tagsinput.min.js

我是否需要额外的css或js文件才能包含或者我还有其他任何问题，例如数据格式等。