0

Bootstrap-3-Typeaheadを使用して、Bootstrap 3 の Typeahead でBootstrap Tagsinputを使用しようとしています。元の typeahead は Twitter によって放棄されたようです。

tagとして受け入れられた文字が入力フィールドに残るという奇妙な動作があります。これにより、非常に奇妙なユーザー エクスペリエンスが作成されます。ここに示す例では、「Volunteer」(先行入力の値の 1 つ) と入力し、それを必要なタグとして選択した後、文字はそこに残り、部分的に表示されます。

入力フィールドに残るタグ文字

これは私のコードです。JQuery 1.12.3、Bootstrap 3.3.6、および TagsInput 0.6.1 を使用しています。後者の 2 つは、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>

これを引き起こしている、私が見逃している何か問題がありますか?

4

1 に答える 1

0

これを使って

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

このように

  $('#tag').tagsinput({
  typeahead: {
    afterSelect: function(val) { this.$element.val(""); },
    source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
  },
  freeInput: false
});
于 2016-05-06T21:42:38.197 に答える