Twitter typeahead.js在从远程获取数据时无法显示建议

Question

我无法显示结果作为输入框中输入文字的建议。

<input type="text" id="search_country" class="form-control" placeholder="Add country">

以下是我的先行代码：

$('#search_country').typeahead({
    name: 'countries',
    valueKey: 'name',
    remote: {
        url: '/user/countries/%QUERY',
        filter: function (parsedResponse) {
            return parsedResponse;
        }
    }
});

我收到以下格式的json响应：

[{"image": "india.jpeg", "name": "India"},
{"image": "germany.jpeg", "name": "Germany"}]

但结果并未显示为输入框下方的建议。

而是在控制台中我发现类似于下面给出的错误的错误： 未捕获的TypeError：无法使用'in'运算符在

中搜索'14771'

[{"image": "india.jpeg", "name": "India"},
{"image": "germany.jpeg", "name": "Germany"}]

我哪里错了？ 我希望结果包含一个国家/地区列表，每个列表项目的左侧是图像，右侧是名称。

Answer 1

在您的示例中，filter无效，我会删除它。