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