如何删除bootstrap tagsinput中重复的标记字符

Question

我正在尝试使用Bootstrap Tagsinput在Bootstrap 3上使用Typeahead，使用Bootstrap-3-Typeahead，因为看起来原始的typeahead被Twitter抛弃了。

我有一些奇怪的行为，其中被接受为tag的字符仍保留在输入字段中。这会产生非常奇怪的用户体验。在此处显示的示例中，我输入了“Volunteer”（这是typeahead中的值之一），在选择它作为必需标记后，字符保留在那里，部分可见。

这是我的代码。我使用的是JQuery 1.12.3，Bootstrap 3.3.6和TagsInput 0.6.1。后两者与Bootstrap3-Typeahaed 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>

我是否有一些错误，我错过了造成这种情况的原因？

Answer 1

使用此

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

像这样一个

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