Javascript 引导程序3中的标记字段（标记输入）自动完成不'；行不通

我试图用Tokenfield实现bootstrap3中的一个简单标记输入，但我已经在某个地方进行了堆叠

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>

$（'#myinput'）.tokenfield({
自动完成：{
资料来源：[“红色”、“蓝色”、“绿色”、“黄色”、“紫色”、“棕色”、“紫色”、“黑色”、“白色”]，
延误：100
},
showAutocompleteOnFocus：真
})

错误：

---

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

据我所见，这与我几天前遇到的问题相同。 您还需要的是带有autocomplete.js的jqueryui

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

可以使用或使用。您必须使用其中一个，但是从上面的代码来看，您没有使用任何一个，因此当然不会发生任何事情。 从上面的代码可以看出，您正试图用jQueryUIAutoComplete实现它，因此需要链接到jQueryUIAutoComplete的css和javascript

---

阅读更多关于您确实不需要jqueryui，也不需要Typeahead Js。如果你正在寻找

一个简单的标签输入

没有自动完成功能，只需像这样初始化

 $('#myinput').tokenfield();

---

希望有帮助。

我知道这个答案来得很晚，但是设置查找数据的自动完成属性不是

源代码，而是
查找

Tokenfield在的示例未更新

您可以看到，正确的属性是
lookup
from

包括jQuery UI（带自动完成）
如果您使用“引导模式”或“jQuery UI对话框”，请进行一些修复：

.ui自动完成{z-index:5000；}
如果您同时包含jquery ui js和css，它将起作用


转到此链接

下载jquery的1.12.0-rc.2版本

在html中包括jquery-ui.css和jquery-us.js


这对我很有用。
如果不需要自动完成功能，就不需要jQuery UI或Typeahead Js。初始化tokenfield时只需减少config对象。