Question

我正在使用Bootstrap 3.0和最新版本的Typeahead.js和Hogan引擎。我设法让远程加载的建议工作（最后）。现在下一个障碍是当用户点击建议时，如何在输入中填写单词？我认为这可能是自动完成的，但它不是出于某种原因？这只是JS的一个基本路线我不知道了吗？

输入：

<input class="form-control typeahead playername-search">

这是JS：

$(document).ready(function() {
     $('.playername-search').typeahead({                               
          name: "playername-search",                
          remote: 'http://xxxx/%QUERY',
          template: '<p><strong>{{short_name}}</strong> – {{rating}}</p>',
          engine: Hogan                                   
     });
});

有一件事我不得不提，一切都在模态中。也许这会改变这种情况？提前致谢！

Answer 1

当typeahead不知道您想要作为值填写哪些数据时会发生这种情况。确保JSON具有“value”属性，或者使用 valueKey

进行更改

 $('.playername-search').typeahead({                               
      name: "playername-search",     
      valueKey: "short_name",           
      remote: 'http://xxxx/%QUERY',
      template: '<p><strong>{{short_name}}</strong> – {{rating}}</p>',
      engine: Hogan                                   
 });

Typeahead.js确实给了我建议，但没有选择它们

1 个答案: