Jquery Twitter Typeahead.js侦探远程返回未定义

Jquery Twitter Typeahead.js侦探远程返回未定义,jquery,undefined,typeahead.js,twitter-typeahead,bloodhound,Jquery,Undefined,Typeahead.js,Twitter Typeahead,Bloodhound,无法让远程版本Twitter Typeahead.js正常工作。我的建议“未定义”。任何帮助都将不胜感激 代码如下: JS: 猎犬建议引擎无法在JSON数组中找到显示键“value” 您需要将JSON数组转换为JavaScript对象数组。JavaScript对象有一个名为“value”的变量,该变量的值为电影标题;显示键使用的是该“值”变量,例如 remote: { url: '../widgets/films.json', filter: function (

无法让远程版本Twitter Typeahead.js正常工作。我的建议“未定义”。任何帮助都将不胜感激

代码如下:

JS:


猎犬建议引擎无法在JSON数组中找到显示键“value”

您需要将JSON数组转换为JavaScript对象数组。JavaScript对象有一个名为“value”的变量,该变量的值为电影标题;显示键使用的是该“值”变量,例如

remote: {
        url: '../widgets/films.json',
        filter: function (films) {
            // $.map converts the JSON array into a JavaScript array
            return $.map(films.results, function (film) {
                return {
                    // NB : replace original_title below with your JSON film key
                    value: film.original_title
                };
            });
        }
    }
如果您包含一个films.json输出的示例(这样我就可以使用您需要的精确值),那么上面的示例可以得到改进


参见扩展示例的答案和JSFIDLE。

感谢Ben的帮助。答案被接受。再次感谢!很高兴我能帮助@jfrosty:)
remote: {
        url: '../widgets/films.json',
        filter: function (films) {
            // $.map converts the JSON array into a JavaScript array
            return $.map(films.results, function (film) {
                return {
                    // NB : replace original_title below with your JSON film key
                    value: film.original_title
                };
            });
        }
    }