Question

我已经阅读了所有的官方文档，我已经用Google搜索了，我看过控制台没有错误，但我无法让Twitter的typeahead.js正常运行。

我提出了一个测试页here。

我的实际来源是：

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Lookahead Test</title>
    <meta name="generator" content="BBEdit 9.6" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src='http://twitter.github.com/typeahead.js/releases/latest/typeahead.js'></script>
    <link rel='stylesheet' href='http://twitter.github.com/typeahead.js/releases/latest/typeahead.css' />
    </head>
<body>
<h1>This is a test of Twitter's typeahead.js</h1>
<div>
<form>
<input id="departure" type="text" placeholder="This appears when you load page">
</form>
</div>
<script>
$('#departure').typeahead({                                
  name: 'departure',                                                          
  prefetch: '/test.json',                                         
  limit: 10                                                                   
});
</script>

</body>
</html>

我只在JSON文件中放了三行，它看起来像这样：

[
    "Vancouver, British Columbia, Canada (YVR)",
    "Calgary, Alberta, Canada (YYJ)",
    "Toronto, Lester B. Pearson International Airport, Ontario, Canada (YYZ)"
]

我最初有花括号，但修复它并没有成功。我看了几个工作的例子，我一直在改变我的，但它从来没有奏效。我的JSON文件中是否至少需要10个数据？样式表是强制性的吗？

提前致谢。

Answer 1

我的JSON文件路径不正确。我把它修改为绝对的，这使JavaScript成为现实。

我的minimal typeahead.js示例有什么问题？

1 个答案: