我的最小 typeahead.js 示例有什么问题？答案

【问题标题】：What is wrong with my minimal typeahead.js example?我的最小 typeahead.js 示例有什么问题？
【发布时间】：2013-06-06 12:55:34
【问题描述】：

我已经阅读了所有的官方文档，我已经用 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 条数据？样式表是强制性的吗？

提前致谢。

【问题讨论】：

您创建的 JSON 文件实际上是在站点的根目录吗？
我的同事认为 /test.json 是错误的。我以前有 ./test.json 并尝试过他对 test.json 的建议，不爱。但是我尝试了一个完整的path.to/test.json，它成功了。 #令人沮丧。

标签： javascript jquery twitter typeahead.js

【解决方案1】：

我的 JSON 文件的路径不正确。我将其修改为绝对的，这使得 JavaScript 得以运行。

【讨论】：