bootstrap typeahead.js似乎不起作用

时间:2014-03-06 13:06:56

标签: twitter-bootstrap bootstrap-typeahead typeahead.js

以下是我收录的.js个文件,

<script src="../js/jquery.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/jquery.validate.min.js"></script>
    <script src="../js/offcanvas.js"></script>
    <script src="../js/bootstrap-tagsinput.min.js"></script>
    <script src="../js/typeahead.js"></script>

我有一个文本框,

<input id="search"/>

现在就在这个文本框的下方,我编写了以下脚本,

<script>
   var colors = ["red", "blue", "green", "yellow", "brown", "black"];
   $('#search').typeahead({source: colors}); 
</script>

如果我输入“r”,那么我应该在文本框中找到“红色”的先行建议,但问题是我没有得到任何建议。任何人都可以建议如何使预先建议工作?提前谢谢。

PS:所包含文件的版本为

     jQuery: v1.10.2
     bootstrap.min.js: v3.0.0
     jquery.validate.min.js: v1.11.1
     bootstrap-tagsinput: v0.3.9
     typeahead: 0.10.1
     offcanvas is my custom js

1 个答案:

答案 0 :(得分:1)

问题在于Bootstrap 3不包含类似2.3和更早版本did的预先存储库。您所包含的typeahead.js库的工作方式大不相同,并且有一些关于如何使用它的好例子herehere