Javascript 如何删除引导标记输入中的重复标记字符

我试图在Bootstrap3上使用Typeahead，因为原来的Typeahead似乎被Twitter抛弃了

我有一些奇怪的行为，被接受为

标记的字符仍然保留在输入字段中。这创造了一种非常奇怪的用户体验。在这里显示的示例中，我键入了“志愿者”（这是typeahead中的一个值），选择它作为所需标记后，字符仍保留在那里，部分可见


这是我的密码。我使用的是JQuery 1.12.3、Bootstrap 3.3.6和TagsInput 0.6.1。后两种类型与Bootstrap3 TypeaHead 3.1.0一起加载到页脚中

  <input type="text" name="tags" id="tags" data-provide="typeahead" value=""/>
  <script>
     $(document).ready(function (){
       var type = ["Donor","Volunteer","Member","Resource","Follow-up","Friend"];
       var elt = $('#tags');
         elt.tagsinput({
            typeahead: {
              source: type
            }
         });
     });
  </script>


$（文档）.ready（函数（）{
变量类型=[“捐赠者”、“志愿者”、“成员”、“资源”、“跟进”、“朋友”]；
var elt=$（“#标记”）；
埃特·塔格辛普特酒店({
提前打印：{
资料来源：类型
}
});
});

我是否有遗漏的错误导致了这种情况？
使用这种方法

 afterSelect: function(val) { this.$element.val(""); },

像这个

  $('#tag').tagsinput({
  typeahead: {
    afterSelect: function(val) { this.$element.val(""); },
    source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
  },
  freeInput: false
});

嗨，你解决这个问题了吗？如果是，你能分享一下吗？谢谢你好，我测试过了，我有同样的问题。。。任何想法都可以在ank you@Omar上找到，但是我发现了一个使用selectize插件的解决方案，我将发布这个答案。