无法让typeahead.js工作

Question

显示输入框，但预输入功能不起作用。 它使用最新的jquery和typeahead.bundle.min.js库。

<!doctype html>
<html lang="en">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="typeahead.bundle.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {

            $('.typeahead').typeahead({
                name: 'RealFood',
                source: ["Spinach", "Kale", "Coconut", "Avocado", "Banana", "Granola", "Beets"]
            });

        });
    </script>
</head>
<body>
    <div style="width: 1000px; height: 300px;">
        <div style="float: left; width: 500px">
            <h3>Hungry?</h3>
            <input class="typeahead" type="text" placeholder="Food Item" autocomplete="off">
        </div>
    </div>
</body>
</html>

Answer 1

尝试使用Bloodhound包括完整的预输入路径。 请参见Typeahead-示例

 <!doctype html> <html lang="en"> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <div style="width: 1000px; height: 300px;"> <div style="float: left; width: 500px"> <h3>Hungry?</h3> <input class="typeahead" type="text" placeholder="Food Item" autocomplete="off"> </div> </div> <script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script> <script type="text/javascript"> $(document).ready(function() { var food = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.whitespace, queryTokenizer: Bloodhound.tokenizers.whitespace, local: ["Spinach", "Kale", "Coconut", "Avocado", "Banana", "Granola", "Beets"] }); $('.typeahead').typeahead({ hint: true, highlight: true, minLength: 1 }, { name: 'RealFood', source: food }); }); </script> </body> </html>

Answer 2

Typeahead也不适合我，但awesomplete可以：

https://github.com/LeaVerou/awesomplete

无法让typeahead.js工作

问题描述

2 个解决方案

解决方案1
1 已采纳 2015-11-07 16:36:30

解决方案2
0 2015-11-07 13:38:19

无法让typeahead.js工作

问题描述

2 个解决方案

解决方案1 1 已采纳 2015-11-07 16:36:30

解决方案2 0 2015-11-07 13:38:19

解决方案1
1 已采纳 2015-11-07 16:36:30

解决方案2
0 2015-11-07 13:38:19