Javascript 引导标记字段不工作

我使用bootstrap tokenfield来显示颜色列表，我声明了必要的库JS和CSS，但它不起作用：

脚本：

//$('#myfiltre').tokenfield();
$('#myfiltre').tokenfield({
  autocomplete: {
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
    delay: 100
  },
  showAutocompleteOnFocus: true
});

标记（在

index.html

中）：

---

谢谢你的帮助

您可能应该更改导入顺序-在JQuery之后导入您的tokenfield脚本

我们只需要Jquery-ui.css，有必要显示源代码列表。

问题是在聚焦时我无法显示列表，自动完成不起作用！！！！

<div class="space">
    <input type="text" style="width: 50%;" class="form-control" id="myfiltre" />
    <a href="#" id="clear">Clear</a>
</div>

<link rel="stylesheet" type="text/css" href="mystyle/bootstrap-tokenfield.css">
<link rel="stylesheet" type="text/css" href="mystyle/bootstrap-tokenfield.min.css">

<script src="public/bootstrap-tokenfield.min.js"></script>
<script src="public/bootstrap-tokenfield.js"></script>
<script src="public/jquery-1.11.2.min.js"></script>
<script src="public/jquery-ui.js"></script>