javascript - Twitter Typeahead 与预取 JSON

Question

所以我尝试使用 Twitter 的 Typeahead 自动完成库。我预取一些我拥有的 JSON 数据，然后将我需要的信息放入一个数组中。我的代码如下:

var test = new Bloodhound({
    datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.name); },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 10,
    prefetch: {
    url: 'http://localhost:3000/suggestions',
      filter: function(list) {
        nameArray = [];
        for( var i = 0; i < list.length; ++i){
          nameArray.push(list[i].name);
        }
        window.alert(nameArray)
        return nameArray;
      }
    }
});

test.initialize();

$('.example-test .typeahead').typeahead(null, {
    name: 'test',
    source: test.ttAdapter()
});

我使用警报来确保数组是我想要的，它只是一个字符串数组。

上面的代码似乎没有产生任何结果。我没有自动完成功能。数组已正确生成，所以我不确定问题是什么。我已经使用 Twitter 提供的示例测试了我的 HTML 和 CSS，它们工作完美。非常感谢任何帮助。

Answer 1

竞争条件 - 您只需在 ajax 请求成功后应用 typeahead 调用。

将最后一个 block 放入成功函数中，你应该会很好。