基本的预先实现

Question

我正在尝试实现country typeahead示例，但是很难让它加载。我做错了什么？

JSFiddle：http://jsfiddle.net/EXgq9/

HTML

<input type="text" class="typeahead" placeholder="Enter your location">

JS

$(document).ready(function() {
  $('.typeahead').typeahead({
    name: 'countries',
    prefetch: 'http://twitter.github.io/typeahead.js/data/countries.json',
    limit: 10
  });
}

Answer 1

这应该是近乎工作的小提琴：http://jsfiddle.net/GDqme/

您尝试使用代码的问题：

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

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

您应该做的是下载该JSON文件并在本地设置它：

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

无论如何，请记住console（来自Firebug / Chrome开发工具）是您的朋友。