问题标签 [twitter-typeahead]

我正在尝试使用typeahead.js. 此处的示例显示了格式良好的建议列表。但是，当我使用相同的代码时，我只会得到一个平淡无奇的建议列表，如下所示：

请参阅此jsFiddle以获取代码。

我正在使用Bootstrap它。我该怎么做才能获得格式化的列表Bootstrap？

Twitter Typeahead示例页面展示了如何通过 Typeahead 使用多个数据集。local这是使用数据源选项的工作示例代码：

JSFIDDLE

如果您通过在页面上输入输入来尝试上述 JSFIDDLE，您将看到两个数据集显示在 typeahead 下拉列表中。

我面临的问题是，如果我将数据源更改为remote，下拉列表中只会显示第二个数据集。我已经简化了我的remote代码（实际上是使用 POST 而不是 get 来发送查询），你可以在这里看到它：

JSFIDDLE

如果你尝试这个JSFIDDLE，你会看到只有第二个数据集显示在 typeahead 下拉列表中。如果您在输入输入时查看网络流量，您会看到只发出了一个 AJAX 请求，而它应该是两个（每个数据集一个）。

当我在我的网站上查看网络流量（使用我的真实代码）时，它还显示仅对第二个数据集发出请求。因此，出于某种原因，Typeahead/Bloodhound 仅向第二个数据集发出请求，而不是为每个数据集发出一个请求。它还仅显示第二个数据集的结果（或缺少结果），而不是每个数据集。

remote使用数据源选项时，为什么多个数据集不起作用？

我已经在 Hogan 2 上使用 Typeahead 0.9.3 有一段时间了，它的设置非常简单。

在 0.9.3 我做了类似的事情：

根据0.10 迁移指南“现在需要预编译模板”，所以在 0.10.3 中我正在尝试：

但它不起作用。我收到一个错误：Uncaught TypeError: object is not a function

如果有另一个可以工作的极简模板引擎，我也会考虑它，但它必须很小。我不想添加像 Handlebars 这样的大文件或像 Underscore 这样的整个库。

有任何想法吗？蒂亚！

我已经黔驴技穷了。我之前问过一个类似的问题，但现在我正在尝试完全使用 Twitter 示例（遵循http://twitter.github.io/typeahead.js/examples/#multiple-datasets但只有一个数据集）并且无法获得任何工作。

我有一个数据存储的 JSON 文件，看起来像这样（短版）

这是在一个名为stations.json的文件中

我有以下代码，它只会导致没有预先输入的输入字段

我没有收到任何错误，我可以在 console.log 中查看数据，我只是无法让它们被预先输入的内容使用。如果我打开谷歌工具，然后输入 console.log(stations) 我可以看到对象列表。

任何帮助表示赞赏

谢谢

我希望能够在 typeahead 下拉框中显示我的 JSON 返回数据中的 2 个字段，但用作其中之一。

实际上，下拉列表显示了我想要的两个字段，当我选择一个值时，文本框只有我想要的一个字段。

但是，一旦我离开文本框，它就会填充下拉值。

我的 HTML 字段：

我的Javascript：

我第一次使用 twitter typeahead.js，我试图做一些我认为很简单但我不知道如何做的事情。我希望通过预先输入的建议列表结果将用户转发到特定的 URL。我想使用多个数据集和要存储在 JSON 文件中的 url。

例如（使用改编的 typeahead.js 示例代码）：

CSS：

HTML：

JS：

NHL.JSON：

NBA.JSON：

因此，如果用户键入“rockets”，那么他们可以单击列表中的“Houston Rockets”建议，并将被定向到rockets.html。我不确定如何让 javascript 将建议转换为 JSON 中的相应链接。

任何帮助将不胜感激。

谢谢

我正在尝试让 twitter 预输入工作，但预输入功能不起作用。它不显示自动完成部分。这是javascript代码。

这是html

而 jsfiddle 的位置是http://jsfiddle.net/qLk8c/57/

不知道我错过了什么。

我知道这个问题被问了很多次，但同样不适用于我。如果他没有在模糊空输入框中选择，我想强制用户在输入前选择结果。

我使用了类似模糊的类型，typeahead:selected。模糊正在工作，但我没有得到选定的数据并且预先输入：selected 根本不工作

请参阅此链接以获取较早的答案link1、link2和link3

下面是我的 onblur 代码

在选择预输入数据时不会调用带有 on selected with 的代码

我正在尝试将预先输入的远程源设为 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 对象，所以我正在转换为数组。

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

我正在尝试正确配置 typeahead javascript 模块。我的目标是从可以从远程 url 获取的 json 对象数组中检索标签

这是我正在使用的代码

我可以看到过滤器返回的结果是我预期的名称数组

问题是建议都是“未定义的”