javascript - 如何删除引导标签输入中的重复标签字符

Question

我正在尝试在 Bootstrap 3 上使用Bootstrap Tagsinput和 Typeahead，使用Bootstrap-3-Typeahead，因为 Twitter 放弃了原来的 typeahead。

我有一些奇怪的行为，其中被接受为输入字段的字符tag保留在输入字段中。这会产生非常奇怪的用户体验。在此处显示的示例中，我输入了“志愿者”（这是预先输入的值之一），在将其选为所需标签后，字符仍保留在那里，部分可见。

这是我的代码。我正在使用 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
});