javascript - twitter-typeahead 不适用于 Bloodhound

Question

我正在尝试让 twitter typeahead 正常工作，但 type advance 功能不起作用。它不显示自动完成部分。这是 JavaScript 代码。

 var films = new Bloodhound({
  datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.value); },
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  limit: 10,

  local: [{"id":1,"name":"English"},{"id":2,"name":"Hello"}]
  });

  films.initialize();

 $('.films .typeahead').typeahead(null, {
  name: 'film',
  displayKey: 'name',
  source: films.ttAdapter()
});

这是 html

 <div class="col-sm-6 films">
 <input class="typeahead form-control" name="films" type="text" autocomplete="off" value=""/>   

</div>

jsfiddle位置是http://jsfiddle.net/qLk8c/57/

不确定我错过了什么。

Answer 1

尝试将您的自定义 datumTokenizer 替换为:

Bloodhound.tokenizers.obj.whitespace('name')

这可能会达到您的预期。

编辑:

更新了jsfiddle:http://jsfiddle.net/qLk8c/58/