在使用typeahead时，bootstrap taginput在将焦点移出taginput字段后不会将其文本作为标记

Question

<div class="form-group">
    <label class="control-label">Tags</label>
    <input type="text" class="form-control ticketData" id="task_tags" name="task_tags" value="{{$taskTags}}" data-role="tagsinput" placeholder="Add tags as Tag 1, Tag 2,">
</div>

$('#ticketDetails #task_tags').tagsinput({
     typeaheadjs: {
      name: 'tasktagnames',
      displayKey: 'value',
      valueKey: 'value',
      source: tasktagnames.ttAdapter()
     }
});

Answer 1

当我们在输入字段上输入带有typeahead或autocomplete的bootstrap标记时，我遇到了同样的问题。但是，在输入字段中聚焦/模糊后，键入的文本不会转换为标记输入。 以下是为我工作的修复

$('body').on('blur', '.tt-input', function() { $(this).trigger(jQuery.Event('keypress', {which: 13})); });