我是Typeahead和Bloodhound的新手,我正在使用最新的js。下面是我的示例代码。
HTML:

<div id="multiple-datasets">
    <input class="typeahead" type="text" placeholder="NBA and NHL teams">
</div>


这是脚本:

var nbaTeams = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        prefetch: '{ "names": ["Aaron  Kreisler","Adam  Alder","Adam  Preece"]}'
      });

   var nhlTeams = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        prefetch: '{ "titles": ["Acute Chronic Pancreatitis Program", "Aerodigestive Program", "Analytical Imaging and Modeling Center (AIM)"]}'

      });

  $('#multiple-datasets .typeahead').typeahead({
        highlight: true
      },
      {
        name: 'nba-teams',
        display: 'team',
        source: nbaTeams,
        templates: {
          header: '<h3 class="league-name">NBA Teams</h3>'
        }
      },
      {
        name: 'nhl-teams',
        display: 'team',
        source: nhlTeams,
        templates: {
          header: '<h3 class="league-name">NHL Teams</h3>'
        }
 });


任何帮助。谢谢!

最佳答案

bloodhound multiple dataset cause typeahead template issue

我也发布了一个有关此问题的信息(位于顶部的链接),但是我正在使用多个数据集,只是模板部分损坏了。
这是来自officials examples的代码,但是没有json文件,您可以将其发布到jsfiddle.net上吗

关于javascript - 多个数据集不适用于Twitter Typeahead/Bloodhound,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33522055/

10-13 02:15