Twitter Typeahead不顯示建議

你好，我正在嘗試在數據庫上進行搜索，並在用戶使用typeahead鍵入時提供自動建議。數據正在以用戶鍵入的形式返回，但自動建議並未顯示在輸入字段下。Twitter 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"}]

如下回應，我不知道爲什麼它不會顯示數據。我花了數小時試圖弄清楚。任何幫助，將不勝感激。

來源

2017-07-12 AKAust

當我跑到你的代碼中的片段，它報道的東西，你應該考慮：錯誤：{ 「消息」：「未捕獲的SyntaxError：輸入意外結束」，「文件名」：「https://stacksnippets.net/js」「LINENO」：45，「colno」：3 }

我試圖在Eclipse上運行代碼：螺紋

異常「主要」 java.lang.Error的：未解決的編譯問題：窗口不能被解析爲變量語法錯誤，請插入「）」來完成表達式語法錯誤，插入「;」完成BlockStatements 語法錯誤，插入「}」即可完成MethodBody

at --------(Test.java:6)

來源

2017-07-12 19:24:02 SkizerCarz

嗨感謝您的期待。代碼片段不會在此處運行，因爲遠程查詢數據庫時我已將url更改爲示例url。 – AKAust

Twitter Typeahead不顯示建議

回答

相關問題