问题标签 [bloodhound]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2260 浏览

javascript - 预输入搜索建议未定义 - 远程 Ajax

我正在尝试将预先输入的远程源设为 Web 方法,该方法将以 JSON 格式的结果响应。

Ajax 正在取得成功,它正在正确地返回结果。下面代码中的控制台将打印如下

[{"Id":"1","Value":"Midhun"},{"Id":"2","Value":"Midhun2"}]

但是预先输入的建议都是未定义的

var typeHeadEngine = new Bloodhound({ name: 'Name', remote: { url: 'page.aspx/method',

});

Web 方法正在返回 JSON 字符串,该字符串在 ajax 成功函数中转换为数组。在谷歌搜索期间,我发现 typeahead 需要数组而不是 JSON 对象,所以我正在转换为数组。

我经历了很多类似的问题来弄清楚。但我无法这样做,
任何人都可以帮忙找出我在这里做错了什么吗?

0 投票
1 回答
2171 浏览

javascript - 使用 Browserify 包含 Typeahead.js Bloodhound 会给出空对象 {}

我正在尝试在我的 Browserify 项目中使用 Bloodhound 和 Typeahead。我正在使用 browserify-shim。

包.json

垫片.js

测试.js

它输出一个空对象 ({})。

我已经关注了这个相关问题中的所有内容,使用命令行中的 vanilla Browserify,但仍然没有骰子。


我能够通过添加使其工作

到 Bloodhound.js 文件,但这远非理想。browserify-shim 不应该添加导出吗?我在生成的 bundle.js 中没有看到 Bloodhound 的 module.exports。

0 投票
0 回答
171 浏览

typeahead.js - 在 Typeahead.js 中,你能判断你是否有超过限制的结果?

默认情况下,Bloodhound 将返回给 Typeahead.js 的结果限制为 5。此值可通过 Bloodhound 中的“限制”选项进行调整。是否有任何指标表明 Bloodhound 收到的结果超过其限制?

示例是:

Bloodhound 设置了远程呼叫。

远程调用返回 20 个项目。

Bloodhound 的上限为 5。

Typeahead 显示 5 个项目。

你怎么知道有 15 个项目没有显示?

0 投票
2 回答
108 浏览

javascript - jQuery缺少输入

我有这个:

它总是返回一个错误: 未捕获的错误:缺少输入

我不知道为什么会这样,但是输入存在!!!

JS 小提琴:http: //jsfiddle.net/jhogLbg5/

0 投票
1 回答
227 浏览

typeahead.js - Typeahead/Bloodhound 将结果转换为链接

我正在关注这个http://twitter.github.io/typeahead.js/examples/#multiple-datasets然后使用远程从数据库中检索数据使其工作。现在我想让结果变成链接,就像当你点击一个结果时,它会重定向到另一个名为 view.php?id=# 的页面。怎么做?

Update1:​​所以我尝试了 Handlebars,但我不知道为什么它不起作用。下面是我的代码。我还不介意 id 因为我的代码不起作用。我先测试了这个名字。

0 投票
1 回答
399 浏览

jquery - Typeahead / Bloodhound 延迟建议

我有一些字段接受位置的三字母短代码。除了少数“长期”用户之外,这些简码并不常见。示例

LND - 伦敦
SWN - 斯温顿

下拉框基于全名,并以短代码传播框。因此,如果有人开始输入 LON,他们会得到伦敦 (LND) 的建议框,单击它,框就会填满 LND。

很简单.. 但是.. 事实证明,有更多用户知道我预期的短代码.. 所以他们输入 LND 并收到“无建议”错误。

是否有可能(在 Bloodhound 或 typeahead 文档上看不到,但只能略读)仅在输入第四个字符时才开始提供建议。

因此,如果有人知道三个字母代码,他们不会收到任何错误或建议,但是一旦有人输入第四个字符,建议就会开始列出。这样可以确保只有输入位置全名的人才能获得简码建议,而使用简码的人可以直接输入而不会出错。

谢谢

0 投票
1 回答
6267 浏览

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

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

下面的代码:

JS:

0 投票
1 回答
1797 浏览

javascript - Twitter 的 typeahead + 带有 JSON 对象的 Bloodhound

我无法让它与 JSON 对象一起使用。我在这里关注了多个问题,但没有一个答案对我有帮助。

JSON如下:

0 投票
1 回答
377 浏览

jquery - 使用 typeahead bloodhound 处理搜索到的具有别名或同义词的项目

我正在尝试实现类似于 stackoverflow 标签建议输入字段的东西。在数据库中,我有两个表:一个用于标记,另一个用于标记别名或标记同义词(tagSynonyms)。

当用户输入一个词时,搜索引擎应该足够聪明地检测输入词的别名,并且只显示与输入词相对应的主标签。用 Bloodhound 实现这一点的最佳方法是什么?

0 投票
1 回答
2282 浏览

javascript - Typeahead/Bloodhound Remote 不返回数据

我正在尝试提前输入 (v0.10.5)/bloodhound 来绑定返回的 JSON 数据。不幸的是,我的建议窗口中没有出现任何内容(即<input >)。另外,我使用的是 jQuery v2.0.3。

对我的端点的调用成功。当我在 Chrome 中检查结果时,我看到了格式正确的响应(即数据和内容类型)。Chrome 的控制台窗口中没有出现任何错误。下面有一个 JSON 示例。

我已经插入了调试器;代码中的语句,但它们没有受到影响。

jqXHR.setRequestHeader() 在那里,因为我正在进行一些跨站点调用。

html代码

Javascript代码

我离开了// 调试器;语句来显示我试图添加断点的位置。

JSON 结果

任何想法将不胜感激。

史蒂夫