bootstrap-tokenfield不起作用

Question

我使用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格式)：

<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>

感谢您的帮助！

Answer 1

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

Answer 2

您可能应该更改导入顺序-在JQuery之后导入令牌域脚本。