我是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/