Twitter Typeahead不显示建议

时间:2017-07-12 19:17:05

标签: javascript typeahead.js typeahead bloodhound

您好我正在尝试对数据库进行搜索,并在用户使用typeahead键入时提供自动建议。数据将在用户输入时返回,但自动建议未显示在输入字段下。

$(window).load(function(){
// Instantiate the Bloodhound suggestion engine
var employees = new Bloodhound({
    datumTokenizer: function (datum) {
        return Bloodhound.tokenizers.whitespace(datum.value);
    },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url: 'https://www.example.com/prs/emp.php?query=%QUERY',
        wildcard: '%QUERY',
        filter: function (employees) {
            return $.map(employees.results, function (employee) {
                return {
                    label: employee.label,
                    value: employee.value
                };
            });
        }
    }
});

// Initialize the Bloodhound suggestion engine
employees.initialize();
// Instantiate the Typeahead UI
$('.typeahead').typeahead(null, {
    displayKey: 'value',
    source: employees.ttAdapter(),
    templates: {
       suggestion: function(data){
      return '<p>Name: <strong>' + employee.label + '</strong> | ID: ' + employee.value + '</p>';}

}
});
<input type="text" autocomplete="off" spellcheck="false" class="typeahead employeeName form-control" name="employeeName" style="margin:0px auto;overflow:visible;"  id="employeeName" placeholder="Employee Name">

我从php文件中得到以下响应  [{"label":"Austin, Pickering","value":"155"}]

我不确定为什么它不会显示数据。我花了好几个小时试图搞清楚。对此有任何帮助将非常感激。

1 个答案:

答案 0 :(得分:0)

当我在代码段中运行您的代码时,它报告了您应该考虑的事项:     错误:{          &#34; message&#34;:&#34; Uncaught SyntaxError:意外的输入结束&#34;,          &#34; filename&#34;:&#34; https://stacksnippets.net/js&#34;,           &#34; lineno&#34;:45,            &#34; colno&#34;:3            }

我尝试在Eclipse上运行代码:

线程中的异常&#34; main&#34; java.lang.Error:未解决的编译问题:     窗口无法解析为变量     语法错误,插入&#34;)&#34;完成表达     语法错误,插入&#34;;&#34;完成BlockStatements     语法错误,插入&#34;}&#34;完成MethodBody

partitionHelper