问题标签 [twitter-typeahead]

我尝试让这个twitters typeahead 示例运行，但我在 chromes 控制台中收到错误：

未捕获的错误：需要本地、预取或远程之一 jquery-1.9.1.js:507

我正在使用 typeayhead 0.9.1（Nuget-Package）。这是版本问题吗？所有示例都在请求中设置源而不是本地/预取/远程。

编辑：原来 Twitter Bootstrap Typeahead 和 Twitter Typeahead 是两个不同的库。

我有一个条目数量相对较少的 Rails 模型（目前约为 300，可能永远不会超过 1000）。

它目前在其索引页面上对项目进行分页，以每页显示 20 个结果。

我刚刚将 Twitter Typeahead 添加到搜索字段中，并且我正在使用记录的名称来提供自动完成建议。问题是，当我对结果进行分页时，我只能为当前分页批次中的 20 个项目提供建议。

每个模型我唯一需要的是它的名称，我不想加载/解析每条记录，因为这会抵消分页带来的大部分优势。

那么我怎样才能保留合理的分页，同时又能以有效的方式访问所有记录的名称呢？

我正在使用 twitter typeahead.js，我想按 recipe_type 过滤自动建议结果。当 recipe_type 为 1 时，建议我前三个选项，否则如果 recipe_type 为 2，则建议我其他五个选项...

我的 json 数组看起来像：

我的搜索代码是：

我最近开始为一个新项目使用 twitter typeahead 插件并且遇到了一些障碍，我正在查询 1 个表中的 2 列以搜索要搜索的数据，我只搜索 1 列时它工作正常但是当移动到二我相信我需要开始使用令牌进行搜索。

但是我想不出一种方法将令牌添加到我的数组中，然后将它们编码为 json 并返回搜索

到目前为止，这是我的代码：

令牌行进入数组很好但是我不确定如何格式化它，我知道它需要采用以下格式

令牌将是 NAME 和 CLID 的值，我如何才能创建令牌以使其理想地看起来像这样：

我已经搜索和搜索，但我一定没有问正确的问题。我正在使用Twitter 的 typeahead，但遇到了一些障碍。我正在预取 typeahead 数据集，如下所示：

数据集：myData.json：

现在，valueKey 属性设置为按“名称”搜索

一切都很好 - 用户在文本框中输入名称，然后返回结果。但是，我也希望他们能够通过 ID 进行搜索。有没有办法做到这一点？我最终想要做的是随意发出两个显式查询（一个与名称匹配，一个与 ID 匹配），以便我可以更好地控制结果（在我们的应用程序中有一些实例，我们有是一个ID继续）..

谢谢！

我尝试设计标签管理控件。我将 jQuery 插件tagmanager与twitter- typeahead 一起使用。我正在使用伪输入元素并将透明输入放入其中。

当用户提交一些东西时，tagmanager 插件会创建显示提交标签的跨度。

现在主要的麻烦。我想 .twitter-typeahead 我的输入总是填满行中的所有可用空间。

1）如果我使用width: 100%并输入至少一个标签 DIV 拉伸高度。现在第一行是标签跨度，第二行（所有行）由输入填充。

2）如果我使用恒定宽度并输入总宽度大于输入宽度的标签，则输入会向下移动到下一行。现在我有一个半满的行和一个空行，其中大约 50% 的输入是填充的。

帮助我的 CSS 大师！

UPD：小提琴

我的页面上有两个输入字段：国家和城市。第一个包含 100 个选项，第二个包含 2000 个选项。我想在typeahead插件中使用预取选项，因为这些输入字段正在其他页面上重用。

然后我想在输入城市输入时过滤预取的数据。我怎样才能做到这一点？

简单的答案是使用预先输入的远程选项，使用“国家”参数填充 url 并在服务器端过滤数据。效果很好，但我想使用存储在客户端上的预取数据。

第二个答案是收听'typeahead：selected'事件并在城市与国家不对应时显示警报消息。这是不好的解决方案。

那么如何过滤预取的数据呢？

用于预输入的代码：

App.js 中的代码：

最后是 HTML 中输入文本的代码：

注意： 当我queryjson在地址栏中输入/时，数据库生成的行是可用的，并且是json格式（{"data":[{"firstname":"sheila"},{"firstname":"Noreen"}...）

但是当我在输入文本中输入内容时，不会生成任何建议。

您对可能出现的问题有任何想法吗？我真的，真的需要你的帮助。

或者您对typeaheadin node using的正确实施有什么建议prefetch吗？

Twitter Bootstrap 数据源仅工作。没有Javascript工作:(

我尝试了很多教程，但都不起作用。

这是我的代码

任何简单的预先输入示例？

我正在使用twitter typeahead 在 Laravel 4 中创建一个自动完成功能，但我在匹配过程中遇到了问题。

JS代码：

模型像这样填充数组：

我的控制器很简单：

返回的json（我在 Firebug 中看到）看起来像：

问题是我只输入列表中的第一个名字的任何字母都会在输入字段中自动完成（“Silvia Miriam Abeyta Carretero”），但是当我完整输入任何其他名字（比如“Daniela Almonte”）时，该字段没有完成，下拉列表继续显示全部 20 个结果，没有任何类型的处理。

不过，我必须说，如果我单击一个名称，它会被正确选择（我正在记录datum的userid属性），但自动完成功能仍然不起作用。

令我困惑的是，如果我直接在 JS 中复制/粘贴整个列表（从 Firebug中获取），作为（而不是）的local属性，一切正常。typeahead()remote

这可能是什么原因造成的？这是一个 Laravel 响应问题吗？或者它是url的预输入处理器（我相信它在“transport.js”源文件中，使用 jQuery $.ajax()）remote？

似乎返回的 JSON 被视为单个条目，我不知道为什么，因为它看起来对我来说是正确的......