Question

我的预先输入代码是：

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."}]

Answer 1

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

Answer 2

如果事先知道您可能遇到的所有外国字符，那么您可以使用此处显示的建议对输入进行标准化：

Typeahead insensitive accent

但是，如果您不知道将输入哪些字符，那么您可以使用此JavaScript Unicode 6.3规范化库：

https://github.com/walling/unorm

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

Typeahead.js仅匹配单词的开头

2 个答案: