Javascript 基本预打字实现

我试图实现countries typeahead示例，但很难加载它。我做错了什么

请点击此处：

HTML

---

这应该是几乎可以工作的小提琴：

代码的问题在于您试图使用：

prefetch: 'http://twitter.github.io/typeahead.js/data/countries.json'

而且它不起作用，因为它是跨站点请求，Twitter不允许这样做

您应该下载该JSON文件并在本地进行设置：

$('.typeahead').typeahead({
    name: 'countries',
    prefetch: '/data/countries.json',
    limit: 10
});

---

无论如何，请记住

控制台

（来自Firebug/Chrome开发工具）是您的朋友。

您的

预取

参数是否指定了与您使用该代码的页面不同的域？请注意，您的fiddle根本不起作用，因为您没有从“框架和扩展”下拉列表中选择“jQuery”，也没有指定包含typeahead插件，但即使你修复了这个问题，它仍然无法工作，因为URL无法解析为可访问的路径；预回迁在我的服务器上。你的JSFIDLE有很多问题。您的外部资源指向错误的url，您有语法错误，预回迁url将为404。如果不解决这个问题，几乎不可能帮助调试您的问题。

prefetch: 'http://twitter.github.io/typeahead.js/data/countries.json'

$('.typeahead').typeahead({
    name: 'countries',
    prefetch: '/data/countries.json',
    limit: 10
});