Twitter-Bootstrap typeahead不起作用

时间:2015-01-22 00:20:00

标签: javascript css twitter-bootstrap typeahead

我在使用Bootstrap工作时遇到了一些麻烦,我把问题归结为这个简短的例子。 (我是Bootstrap的新手。)当我输入输入时,不会出现任何预先建议。任何想法为什么这不起作用?

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container">
            <label for="primaryCustName">Name:</label>
            <input type="text" data-provide="typeahead" data-source="['Bob','Jim','Sue']" class="form-control" id="primaryCustName">
        </div>
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

在v3中从Bootstrap中删除了预先输入功能。根据@mdo的说法,它被放弃了“支持那些使用Twitter的预先输入的人.Twitter的typeahead比旧的bootstrap-typeahead.js和更少的bug有更多的功能。”

这里有两个选项:

  1. 使用Bootstrap v2 Typeahead端口,您可以找到一个here

  2. 使用Twitter Typeahead,可以找到here