我的预输入代码是:
var events = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
limit: 100,
prefetch: {
url: Ajax.pluginurl + 'json/events.json',
ttl: 1
}
});
events.initialize();
initialize_events_typeahead ();
function initialize_events_typeahead () {
$('.event_name').typeahead(null, {
name: 'event',
displayKey: 'name',
source: events.ttAdapter(),
templates: {
empty: [
'<div class="empty-message">',
Ajax.no_results_found,
'</div>'
].join('\n'),
suggestion: function(data){
return '<p><strong>' + data.name + '</strong> - ' + data.description + '</p>';
}
},
engine: Hogan
});
$('.event_name').on("typeahead:selected typeahead:autocompleted", function(e,datum) {
$(this).parent().parent().parent().parent().find('.event_description').val(datum.description);
});
}
出于某种原因,此代码仅匹配名称的开头。但是,在演示http://twitter.github.io/typeahead.js/examples/的预取部分中,就我所知,它具有相同的代码,即使在世界中间开始键入内容时,它也匹配。
我该如何解决?谢谢
编辑:JSON为:
[{"name":"P\u0159\u00edjezd host\u016f","description":"Cras ullamcorper ornare semper. Phasellus faucibus augue congue dapibus mollis. "},{"name":"Ob\u0159ad","description":"Curabitur fermentum diam quis viverra sodales. Phasellus sed sollicitudin magna, a dictum metus."},{"name":"Ve\u010dern\u00ed z\u00e1bava","description":"Curabitur fermentum diam quis viverra sodales."},{"name":"After-party","description":"Proin ipsum odio, vehicula vel diam a, dapibus suscipit velit. "},{"name":"Sn\u00eddan\u011b","description":"Proin ornare tempus ipsum at blandit. Nam hendrerit dolor et interdum vulputate."}]
不确定他们的样本为什么显示出匹配的中间词,但是我guess应该开发自己的匹配算法(datumTokenizer。
这是我的解决方案(临时设置是在Bloodhound引擎中默认实现的情况):
var engine = new Bloodhound({
datumTokenizer: function(d){
var tokens = [];
//the available string is 'name' in your datum
var stringSize = d.name.length;
//multiple combinations for every available size
//(eg. dog = d, o, g, do, og, dog)
for (var size = 1; size <= stringSize; size++){
for (var i = 0; i+size<= stringSize; i++){
tokens.push(d.name.substr(i, size));
}
}
return tokens;
},...
如果您事先知道所有可能遇到的外来字符,则可以使用此处显示的建议对输入进行标准化:
但是,如果您不知道要输入什么字符,则可以使用此JavaScript Unicode 6.3规范化库:
https://github.com/walling/unorm
您可以使用客户端软件包管理器Bower安装。