Typeahead / Bloodhound没有显示任何结果

时间:2015-12-16 07:13:48

标签: javascript html typeahead.js

我遇到了Bloodhound的问题,因为它不会显示任何搜索结果。

这是我的JS代码:

var searchitems = new Bloodhound({
      datumTokenizer: function(d) {
          return Bloodhound.tokenizers.whitespace(d.name);
      },
      queryTokenizer: Bloodhound.tokenizers.whitespace,
     filter: function (searchitems) {
        // Map the remote source JSON array to a JavaScript object array
        return $.map(searchitems, function (item) {
            return {
                value: item.name
            };
        });
    },
      // url points to a json file that contains an array of country names, see
      // https://github.com/twitter/typeahead.js/blob/gh-pages/data/countries.json
      prefetch: {
            url: '../assets/js/crops.json'
        }
    });

// initialize the bloodhound suggestion engine
searchitems.initialize();

$('#prefetch').typeahead(null, {
    name: 'prefetch',
    displayKey: 'name',
    source: searchitems.ttAdapter()
});

我的HTML代码,如果那就是问题:

<input class="typeahead" id="prefetch" type="text" data-provide="typeahead" placeholder="Search">

您可以看到它似乎不起作用:https://cyalins.github.io/stardew

我不知道为什么它不起作用,我已经检查了几乎所有可以找到的教程和资源,所以我希望有人能搞清楚!

0 个答案:

没有答案