javascript - Bootstrap 3 中的 Tokenfield(标记输入)自动完成功能不起作用

Question

我正在尝试使用 Tokenfield 在 Bootstrap 3 中实现一个简单的标签输入，但我已经在某处堆积了。

HTML代码:

<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/bootstrap-tokenfield.min.css" rel="stylesheet">

<div class="form-group">
   <label for="myinput">Κατηγορία</label>
   <input id="myinput" type="text" class="form-control">
</div>

Javascript:

<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/bootstrap-tokenfield.min.js"></script>

<script type="text/javascript">
   $('#myinput').tokenfield({
  autocomplete: {
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
    delay: 100
  },
  showAutocompleteOnFocus: true
})
</script>

错误:它不显示自动完成。我在控制台中没有任何错误。我可以手动添加标签。

Answer 1

据我所知，这与我几天前遇到的问题相同。您还需要带有 autocomplete.js 的 jquery-ui。

http://jqueryui.com/download/生成您自己的 jquery-ui.min.js，包括 autocomplete.js，它应该可以工作。