Javascript 将Bootstrap 3 Typeahead与Bootstrap Tagsinput集成

我正在尝试将（如果我理解正确的话，在Bootstrap3中删除之前，基本上是旧的BootstrapTypeahead功能的一个端口）与集成

我可以让这些单独工作，包括JSON预取typeahead功能。我不明白如何将两者结合起来。我不认为这太难，但我对Javascript的知识显然很缺乏

这是我的输入字段：

下面是在Javascript中调用typeahead插件的方式：

//The typeahead
$.get('tags.php', function(data){
    $("#tagFilter").typeahead({ source:data });
    },'json');

如果有用的话，Tagsinput在其文档中有一个示例，解释如何实现twitter typeahead.js：

$('input').tagsinput();

// Adding custom typeahead support using http://twitter.github.io/typeahead.js
$('input').tagsinput('input').typeahead({
  prefetch: 'citynames.json'
}).bind('typeahead:selected', $.proxy(function (obj, datum) {  
  this.tagsinput('add', datum.value);
  this.tagsinput('input').typeahead('setQuery', '');
}, $('input')));

但我使用的是另一个插件。我发现那一个在我头上

---

再次感谢。

好的……所以我决定使用Twitter typeahead.js，因为我成功地让它工作了。我使用了下面的代码，请有人指出，如果这不是最好的方法

我的tags.php文件只是一个列表，我认为需要更多的工作才能使它与JSON文件中带有键的关联数组一起工作。在我的例子中，我认为这样做没有任何好处，因为我只关心用于查询目的的标记名

因此，my tags.php只是重复了以下结果：

//the mySQLi query is above...
while ($row = mysqli_fetch_assoc($result)) {
        $tags[] = $row['tag_name'];

    }
echo json_encode($tags);

希望有人能从中受益

//the mySQLi query is above...
while ($row = mysqli_fetch_assoc($result)) {
        $tags[] = $row['tag_name'];

    }
echo json_encode($tags);