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 远程返回未定义 的相关文章

  • 更改时触发跨度文本/html

    jQuery 或 JavaScript 中是否有任何事件在以下情况下触发span标签 text html 已更改 Code span class user location span user location change functio
  • jquery:选择xpath或将xpath转换为css?

    我需要基于 xpath 选择 或者将 xpath 转换为 css 有插件或者内置功能吗 ex html body div a 4 each 并非所有 xpath 表达式都可以转换为类似 CSS 的选择器 或者不能有效地工作 您可以使用 eq
  • 优雅地处理没有数据的 amcharts

    我想知道我的 dataProvider 是否为空 amCharts绘制时默认为null 我怎样才能动态地处理它 var chart AmCharts makeChart chartdiv theme none type serial dat
  • 正则表达式以任何顺序匹配查询中的所有单词

    我正在尝试为一个项目构建一个搜索功能 该功能根据用户搜索输入以及它是否与针对项目列出的关键字匹配来缩小项目范围 为此 我将项目关键字保存在data属性并使用 RegExp 模式将查询与这些关键字进行匹配 我目前正在使用这个表达式 我知道它不
  • jquery中文本区域自动调整大小

    我怎样才能做一个
  • CDATA 真的有必要吗?

    我经常使用内联 Javascript 通常是在我制作的 WordPress 主题中 我没有听说过将内联 Javascript 包装在 直到几个月前 几年来我一直在以相当的能力水平做这些事情 我用谷歌搜索了一下 听说人们使用它是因为他们的 J
  • jquery datatable ajax 无数据可用 mvc

    我有一张桌子是在 document ready功能 我还使用 jQuery DataTables 插件 由于某种原因 当页面加载时 ajax 调用控制器并返回数据并将其设置为我的网格所有获取的数据 但是尽管所有数据都加载到数据表中 但仍获取
  • 使用模数按字母顺序对列表进行排序

    我在获取元素列表并按字母顺序对它们进行排序方面没有任何问题 但我很难理解如何使用模数来做到这一点 更新 这是按我的方式工作的代码 但是 我更喜欢下面提供的答案的可重用性 因此接受了该答案
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • ajax推送服务器

    好吧 我最近写了一个ajax推送脚本 其中后端的php在等待某人更新时处于休眠状态 但是休眠的进程占用了大量的cpu 关于如何防止这种情况的任何想法 我猜我必须要么找到一个可以使用线程休眠的程序 要么用我不太熟悉的 python 或 c 编
  • 文件上传控件 OnChange 事件 JQuery

    我正在尝试使用 AJAX JQUERY 和 Net HTTPHandler 构建页面来上传文件 如下所示http dotnet dzone com news async file upload jquery and http dotnet
  • 如何以编程方式处理 JqGrid 事件?

    我正在使用JqG rid 的 ASP NET 包装器 http www trirand net demoaspnet aspx 我想以编程方式连接一些网格的处理程序events http www trirand com jqgridwiki
  • jquery.validate 中是否有一个函数可以像重置表单一样重置单个字段?

    我想调用 jquery 函数来手动删除单个字段中的错误并重置错误标记 是否有一个函数可以执行此操作 类似于 resetForm 函数 您可以执行以下操作来验证单个字段 your field valid 也许它会对某人有所帮助 Thanks
  • 如何使用 JQuery 动态排序

    如果我有一个下拉列表和一个列表框 有没有办法使用 JQuery 根据下拉列表对列表框进行排序 举个例子会很有帮助 这会改变下拉菜单中的顺序 您必须根据自己的标准设置顺序
  • 使用 JQuery 更改元素的顺序

    有人知道我做错了什么吗 我正在尝试更改某些图像的显示顺序 我希望每次按下按钮时图像都会向右 向左移动一个位置 这是我尝试过的 但没有运气 任何帮助或见解将不胜感激 rightShift click function img hide var
  • 我可以使用 jQuery 打开下拉列表吗

    对于 HTML 中的下拉列表
  • FireFox 中的自动滚动

    我的应用程序是实时聊天 我有一个 Div 来包装消息 每条消息都是一个 div 所以 在几条消息之后 我的 DOM 看起来像这样 div div Message number two div div div div
  • 如何获取给定 DOM 元素的所有定义的 CSS 选择器?

    如何使用 jQuery 获取给定 DOM 元素的所有定义的 CSS 选择器 定义后 我的意思是在应用于任何样式表的所有 CSS 选择器document 在某种程度上 这类似于 FireBug 实现的功能 其中显示所选 DOM 元素的所有应用
  • Javascript/Jquery:确定用户是否使用鼠标滚轮、滚动条或键盘滚动

    我正在尝试让用户界面正常工作 如果他们使用鼠标滚轮 我需要让它以一种方式滚动 如果他们使用滚动条 我需要让它以另一种方式滚动 如果他们使用键盘 我需要让它以另一种方式滚动 我相信滚轮和滚动条都充当鼠标事件 但是当单击滚动条时我无法让 jav
  • Spring Rest 和 Jsonp

    我正在尝试让我的 Spring Rest 控制器返回jsonp但我没有快乐 如果我想返回 json 但我有返回的要求 完全相同的代码可以正常工作jsonp我添加了一个转换器 我在网上找到了用于执行 jsonp 转换的源代码 我正在使用 Sp

随机推荐

  • 哪个 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