Jquery TypeAhead无法在远程URL上工作

我正在使用typeahead.js 0.11.1实现自动完成功能。 JQuery版本是1.8.3

$(document).ready(function(){

       var engine = new Bloodhound({
          datumTokenizer: function (d) {d.communityName}, 
          queryTokenizer: Bloodhound.tokenizers.whitespace,
          remote: {
              'cache': false,
              url: '/portal/vcm/instituteSearch/%QUERY',
              wildcard: '%QUERY'
          }
      });

    $('#schools-suggestion-box').typeahead({
            hint: true,
            highlight: false,
            minLength: 3,
            offset: false
        },
        {
            source: engine,
            displayKey : 'communityName',
            templates: {
                 empty:function(data){
                    return '<div class="empty-message">unable to find any school or university that match the current query</div>';
                 },
                suggestion: function(data){

                    return '<div class="school-suggestions">' + data.communityName + '</div>';
                } 
            }
        }).on('typeahead:selected', function (obj, datum) {        
            window.location.href=datum.sessionInitiator;
        });

//end document ready

$（文档）.ready（函数（）{
var引擎=新警犬({
datumTokenizer:函数（d）{d.communityName}，
queryTokenizer:猎犬，标记，空白，
远程：{
“缓存”：false，
url:“/portal/vcm/instituteSearch/%QUERY”，
通配符：'%QUERY'
}
});
$（“#学校建议框”）。请提前键入({
提示：没错，
推荐理由：错，
最小长度：3，
偏移量：false
},
{
资料来源：发动机，
displayKey:'社区名称'，
模板：{
空：函数（数据）{
返回“无法找到与当前查询匹配的任何学校或大学”；
},
建议：功能（数据）{
返回“”+data.communityName+“”；
} 
}
}).on（'typeahead:selected'，函数（对象，基准）{
window.location.href=datum.sessionInitiator；
});
//结束文件准备就绪

我面临的问题是，从服务器收到的所有结果都没有在UI上填充。如果有5条记录来自服务器，则UI上只会显示3条记录

另一个问题是，如果找到以搜索字符开头的结果，则UI中将只显示该字符串

如果我使用本地数组，在UI中一切都正常

---

我曾读到typeahead需要jquery 1.9+版本，但由于某些依赖项，我无法切换到此版本。

那么您可能需要重写1.9+依赖项的部分，或者使用其他自动完成插件。谢谢@dave。我只是想知道为什么功能在本地阵列上运行良好，但在re上运行不正常微尘网址？