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之后导入您的tokenfield脚本。

Answer 2

我们需要Jquery-ui.css才能显示该源列表..