Question

我试图制作一个非常简单的bootstrap typeahead示例，但我似乎无法正确地做到这一点。当我在文本框中键入字符时，它不会显示任何可能的项目。有人可以解释原因吗？我的外部资源有问题吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.9.3/typeahead.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>

    <div style="margin: 50px 50px">
        <label for="product_search">Product Search: </label>
        <input id="product_search" type="text" data-provide="typeahead"
            data-source='["Product A", "Product B", "Product C"]'>
    </div>
</body>
</html>

JSFiddle：http://jsfiddle.net/5m44yfyf/

基本Bootstrap Typeahead功能对我不起作用

0 个答案: