javascript - 基本的预输入实现

Question

我正在尝试实施国家/地区预输入示例，但很难加载它。我究竟做错了什么？

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 开发工具）是您的朋友。