如何从头开始设置twitter typeahead?

时间:2015-05-15 14:28:00

标签: javascript twitter-bootstrap twitter

我无法设置twitter typeahead。这是我所做的。

  1. 我在我的测试文件夹中创建了一个index.html。

  2. 我将typeahead保存为文件夹js中的typeahead.js。

  3. 但它还没有奏效。这是index.html的代码

    <body>
      <div>
            <input id="product_search" type="text" data-provide="typeahead"
              data-source='["Deluxe Bicycle", "Super Deluxe Trampoline", "Super Duper Scooter"]'>
       </div>
    <script src="js/typeahead.js"></script>
    </body>
    

    here是完整的代码。

2 个答案:

答案 0 :(得分:2)

bootstrap版本(3.3.4)不支持

(typeahead)版本(2.3.2)支持它。请尝试以下方法:

<head>
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="js/typeahead.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css"></script>
</head>

答案 1 :(得分:1)

总是你应该在引导程序js之后包含第一个Jquery链接然后键入js然后引导程序css

<head>
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="js/typeahead.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"></script>
</head>