Javascript Typeahead.js问题-建议不会出现

下面是我执行typeahead的js代码：

jQuery.noConflict();
jQuery(document).ready(function(){
    jQuery('.search-field.input').typeahead({
        name: 'group-static',
        prefetch: 'http://ws.luyencong.net/data/search/query.php?do=advanced',
        header: '<span class="group-title">General Content</span>',
        template: [
        '<img class="icon" src="{{icon}}" style="width: 38px; height: 38px" />',
        '<div class="icon-desc"><span xmlns="http://www.w3.org/1999/xhtml" class="title">{{name}}</span>',
        '<span xmlns="http://www.w3.org/1999/xhtml" class="desc">{{description}}</span></div>',
        '<span class="clear"></span>'
        ].join(''),
        engine: Hogan
    });
});

jQuery.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（'.search-field.input'）.typeahead({
名称：“组静态”，
预取：'http://ws.luyencong.net/data/search/query.php?do=advanced',
标题：“一般内容”，
模板：[
'',
“{{name}}”，
“{{description}}}”，
''
].加入（“”），
引擎：霍根
});
});

执行Typeahead（因为我可以看到tt提示输入和建议div的包装器） 但是有一个问题，当我输入一个字符时，建议并没有按它必须的那样显示

我的JSON位于：

---

请给我一些帮助。谢谢。

这不是typeahead.js的问题。问题是您正在从

luyencon.net

向

ws.luyencon.net

发出跨域请求。如果可以，将预取JSON文件托管在

luyencon.net

——这可能是最简单的解决方案

jQuery('.search-field.input').typeahead({
  // ...
  prefetch: 'http://luyencong.net/data/search/query.php?do=advanced'
  // ...
});

如果您不能做到这一点，还有其他一些选择：

---

您在JavaScript控制台中看到任何错误吗？不，JSON文件通常是

GET

（但是idk为什么它是红色的，但在我筛选时它不是错误）您可以检查“筛选方式”时您的意思是什么？问题似乎是由于您提出了跨域请求。如果可能的话，从

luyencon.net

提供JSON，而不是

ws.luyencon.net

。如果我将完美url更改为

/ws/data/search/query.php，这是否正确？do=advanced

我的意思是控制台中的过滤器错误（Firebug）