Typeahead.js仅匹配单词的开头

问题描述 投票:4回答:2

我的预输入代码是:

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."}]
jquery typeahead.js
2个回答
10
投票

不确定他们的样本为什么显示出匹配的中间词,但是我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;
    },...

0
投票

如果您事先知道所有可能遇到的外来字符,则可以使用此处显示的建议对输入进行标准化:

Typeahead insensitive accent

但是,如果您不知道要输入什么字符,则可以使用此JavaScript Unicode 6.3规范化库:

https://github.com/walling/unorm

您可以使用客户端软件包管理器Bower安装。

© www.soinside.com 2019 - 2024. All rights reserved.