Question

这是我执行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
    });
});

执行Typeahead（因为我可以看到tt-hint输入，以及建议div的包装）但是有一个麻烦，当我输入一个字符时，建议不会显示，因为它必须是。

我的JSON位于：http://ws.luyencong.net/data/search/query.php?do=advanced

请给我一些帮助。感谢。

Answer 1

这不是一个typeahead.js问题。问题是您正在发出从luyencong.net到ws.luyencong.net的跨域请求。如果可以，请在luyencong.net上托管预取JSON文件 - 这可能是最简单的解决方案。

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

如果你不能这样做，还有其他一些选择：

CORS
JSONP

Typeahead.js麻烦 - 建议没有出现

1 个答案: