Twitter Typeahead.js Bloodhound 远程返回未定义

2023-12-01

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

代码如下:

JS:

var films = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: '../widgets/films.json'
});

films.initialize();

$('#films .typeahead').typeahead(null, {
    name: 'films',
    displayKey: 'value',
    source: films.ttAdapter()
});

Bloodhound 建议引擎无法在 JSON 数组中找到显示键“值”。

您需要将 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
                };
            });
        }
    }

如果您包含 movie.json 输出的示例,则可以改进上面的示例(因为我将能够使用您需要的确切值)。

See this回答一个扩展的例子和jsfiddle。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Twitter Typeahead.js Bloodhound 远程返回未定义 的相关文章

  • 获取动态图像的宽度和高度

    我有一个img嵌入隐藏标签内div 当用户单击具有图像名称的动态超链接时 图像必须显示在模式窗口中 为了将 div 定位在模态窗口内 需要图像高度 但是当点击超链接后 src被分配 高度为0 所以图像不能在中间对齐 请帮助我在浏览器中显示图
  • 生成的表的行跨度导致额外的单元格

    HTML table border 1 cellspacing 1 width 100 thead tr td class csstextheader width 70px td td class csstextheader width 7
  • javascript - 动态变量

    您好 我正在尝试创建动态变量 但它说 变量 v0 到 v5 未定义 td each function i eval var v i this html 任何帮助将不胜感激 这听起来是个坏主意 你有什么理由不能这样做吗 var tdHtml
  • Firefox(仅限)动态表单操作不起作用

    控制台为操作属性返回空白 我已经移动了 file upload attr action io cfm action updateitemfile item id agenda modal attr data defaultitemid 周围
  • Jquery Smoothscroll 函数 - 如何控制动画速度?

    有人可以帮助我吗 尝试通过我的平滑滚动和控制速度添加 慢 功能 希望能够实现真正的 平滑滚动 以下是代码 document ready function smoothscroll live click function e html bod
  • 使用 jQuery 对 CSS 变换进行动画处理

    我正在尝试为 div 制作动画 并让它绕 y 轴旋转 180 度 当我调用以下代码时 出现 jQuery 错误 my div animate transform rotateY 180deg webkit transform rotateY
  • 使用 Jasmine 模拟 jQuery ajax 调用

    我正在使用 Jasmine 2 5 2 为使用 jQuery 3 1 1 执行 Ajax 请求的代码编写单元测试 我想模拟 Ajax 调用 提供我自己的响应状态和文本 我正在使用 Jasmine ajax 插件 https github c
  • addAttr 在 jquery 中不起作用?

    我有一个示例代码
  • JQuery 屏蔽输入插件不起作用

    我已将 JQuery Masked 输入插件添加到我的 Web 项目中 但它根本不起作用 该插件可以在这里找到 http digitalbush com projects masked input plugin http digitalbu
  • jQuery - 动画CSS背景大小?

    我正在尝试对背景图像的大小进行动画处理 但它不起作用 从以下代码中知道为什么吗 this animate opacity 1 background size 70px 48px right 39 top 45 250 注意 所有其他属性都可
  • 迭代 div 内的输入

    我试图通过 jQuery 迭代放置在特定 div 上的所有输入 但没有响应 我无法使用警报查看输入的值 我究竟做错了什么
  • 如何让我的“点击”功能与 iOS 配合使用

    我有一组充当按钮的 Div 这些按钮有一个简单的 jquery click 函数 该函数适用于除 iOS 之外的所有浏览器 例如 div class button click me div and button click function
  • “过滤”JSON 以获得唯一键并获取所有相关值

    找到一个组中所有可能的相关值的最佳方法是什么 var table group a stuff new group a stuff old group b stuff newOld group b stuff old group c stuf
  • 更改模板标签 <# {% {{ 等后,John Resig 的微模板出现语法错误

    我在使用 John Resig 的 Micro 模板时遇到了一些麻烦 谁能帮我解释为什么它不起作用 这是模板 以及发动机的改装部分 str replace r t n g split join t replace gt t g 1 r re
  • 在模态上自动滚动引导模态('show')

    我有一个用于评论的引导模式 评论表格附加在评论列表的底部 我希望此模式在打开时滚动到列表底部 如果有超过 2 或 3 条评论 我已经安装了这个幻灯片插件 http jesseprice com jquery slide to plugin
  • jQuery 提交未触发

    我觉得问这个很愚蠢 但为什么我的 submit 没有发出警报 HTML div class buttonbar style margin left 10 div
  • 无法使用 jQuery 添加两个小数

    我试图将两个小数值相加 但返回的总和是纯整数 怎么了 我找不到它 欢迎任何帮助 jQuery delivery method ship select change function var cost jQuery this val jQue
  • jQuery 更改为隐藏字段后触发重力表单中的表单更新

    简而言之 是否有 JavaScript 函数或挂钩来触发重力形式的更新 以便执行条件逻辑 原问题 我正在使用重力形式 并且创建了一个 变化时 事件 gform 1 find gfield date dropdown month select
  • asp.net mvc - Ajax 刷新视图的每个元素

    希望在退出 jquery 对话框后使用 ajax 刷新当前页面 我有一个包含 foreach 循环的视图 数据是从模型中提取的 每个循环有 2 个编辑 删除按钮 当我单击 编辑按钮 时 将打开一个 jquery UI 对话框进行编辑 当我保
  • 选择 jQuery 数据网格插件? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

随机推荐

  • 哪个 DLL 具有 Windows.Devices.Gelocation 命名空间?

    我正在使用 VS 2012 我需要编写使用 Windows Devices Gelocation 命名空间中的类的代码 我下载了示例程序 但它无法在 VS2012 中加载 因为它需要 VS 2013 并且该类的文档没有指示该命名空间位于哪个
  • Android 有准确的重复闹钟系统吗?

    背景 I m currently developing an application for Android which revolves around an alarm that goes of on an user specified
  • 静脉中的行人模拟 (omnet++/sumo)

    我正在尝试在 omnet 中运行相扑行人模拟 为了保持简单 我是初学者 我决定使用Erlangen示例提供了静脉并用几个行人扩展它 我添加了相扑中的行人并运行它 它工作得很好 你可以看到这张照片中的行人和汽车 接下来我尝试在 omnet 中
  • opencv 将图像与文本二值化

    我需要用文本对图像进行二值化 它工作得很好 但在某些情况下输出是空的 白色图像 code Compile g txtbin cpp o txtbin pkg config opencv cflags libs Run txtbin inpu
  • 如何检查PCF版本

    有没有办法知道哪个Pivotal Cloud Foundry我们正在使用的许可版本 我看到公共 PCF 中免费提供一些市场服务 但在我们使用的许可 PCF 版本中不提供这些服务 我假设版本不匹配可能是原因 作为一个正常人cf对于 Pivot
  • HighCharts:水平条形图的对数刻度

    我正在与高图表生成条形图 我的值范围可以从最小 0 到最大 100k 示例 因此 图表中的一个条可能非常小 而另一个则可能非常长 HighCharts 引入了 对数缩放 功能 可以看到其中的例子HERE 我的js代码是这样写的jsfiddl
  • Woocommerce:如何从 id 获取产品 slug?

    目前 我的购物车中有可用的产品 ID 我需要检索该商品 我怎样才能做到这一点 您可以使用get post product get post 27 slug product gt post name echo slug
  • .htaccess 中的条件 DirectoryIndex

    是否可以将 DirectoryIndex 值设置为 htaccess基于 IP 的条件文件 因此 例如 我的 IP 会看到DirectoryIndex正如index html 和其他人看到的DirectoryIndex作为index php
  • 具有多个手柄和内容背景颜色的滑块

    我正在尝试使用 Jquery UI 滑块 其中我可以有多个句柄 function var handlers 25 50 75 slider slider min 0 max 100 values handlers slide functio
  • 带空括号的默认构造函数

    是否有任何充分的理由表明一组空的圆括号 圆括号 对于调用 C 中的默认构造函数无效 MyObject object ok default ctor MyObject object blah ok MyObject object error
  • 使用 Actionscript 更改字符串中的字符

    的相反词是什么String charAt 如果我有一个字符串 var Str String Hello World 如何更改第五个字符 例如从 更改为 我可以像这样获取第五个字符 var C String Str charAt 5 但如何设
  • xCode:未找到库 - lPods-Bolts - 退出代码 1

    您好 我遇到这个问题 ld 找不到 lPods Bolts 的库 clang 错误 链接器命令失败 退出代码为 1 使用 v 查看 调用 不过 我从 Facebook 文档下载了 Bolt 包并将其放入我的支持文件中 另外 我使用的是Coc
  • 新 C# 8.0 开关表达式的运算符优先级是什么?

    我刚刚将当前项目升级到新发布的 NET Standard 2 1 和 C 8 0 并决定转换一些大型项目switch语句变成新的 更加紧凑的表达式语法 由于返回的值进一步用于某些计算 我想知道新的值如何switch当输入变量位于运算符旁边时
  • 将文件批量上传到特定联系人 Salesforce

    我需要向 salesforce 中的特定用户上传大约 2000 个文档 我有一个 csv 文件 其中包含 Salesforce 分配的 ContactID 以及桌面上文件的直接路径 每个联系人的特定文件 URL 已包含在 csv 中 我怎样
  • 需要突出显示 jquery datepicker 中的日期范围[重复]

    这个问题在这里已经有答案了 我正在使用 jQuery UI 显示内联日期选择器 其中我有一个开始日期和一个结束日期 我想强调一下它们之间的日期 您可以使用 jQuery UI 日期选择器演出日之前函数并在其中检查是否必须根据您的范围突出显示
  • 在Python中读取字段中包含逗号的CSV文件

    我需要读取一个 CSV 文件 其中包含带有逗号的字段 因此我对包含逗号的字段进行了双引号 例如 1 text1 text2 text3 text4 a b c 但是当我尝试在 Python 中读取文件时 我得到用逗号分隔的字段 如下所示 r
  • Jssor Slider:响应式代码

    我正在使用 Jssor 滑块 http www jssor com demos slider cluster html 由于我的幻灯片很大 宽度约为 2000 像素 因此它们在较小的设备 甚至 iPad 上会显着缩放 我不介意在较小的设备上
  • 获取扩展文件属性

    我找到了这个帖子 这解释了如何获取 net 中的扩展文件属性 但它指向一篇已有 10 年历史的代码项目文章 该线程本身已有 5 年历史 现在是否有更好的方法来获取扩展文件属性 如标题 副标题 剧集名称等 我真正想做的是获取各个文件的扩展文件
  • Socket.IO 中的套接字参考

    我是 Nodejs 新手 正在尝试使用 socket io 我正在尝试将消息发送到特定的套接字 因此我想我将存储对套接字的引用 var controls var clients var control io of control on co
  • Twitter Typeahead.js Bloodhound 远程返回未定义

    远程版本 Twitter Typeahead js 无法正常工作 我的建议得到 未定义 任何帮助 将不胜感激 代码如下 JS var films new Bloodhound datumTokenizer Bloodhound tokeni