问题标签 [twitter-typeahead]

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 回答
1577 浏览

jquery - 预输入自动完成:使用模板

我正在使用 typeahead,但我无法获得一个简单的概念验证工作。

http://jsfiddle.net/LHeYy/

在下面的代码中,我基本上是在尝试使用 2 个字段构建自动完成功能。疯狂的是,我可以自动完成年份(值字段),但不能自动完成关键字段。有谁知道为什么?

0 投票
1 回答
4140 浏览

javascript - Twitter Typeahead.js,“需要本地、预取或远程之一”,即使提供了

我有两个预先输入的输入框。这是两者的代码。

第二 :

第一个工作正常,但第二个在我选择下拉选项时返回此错误。

Error: one of local, prefetch, or remote is required

我试过有遥控器,但我仍然收到错误。我相信代码没有错。任何人都可以帮我解决代码吗?


回答这个问题

即使您提供了本地、预取或远程源,如果您收到错误Error: one of local, prefetch, or remote is required.. 问题不在 JavaScript 代码中..

我通过编辑 Input DOM 元素来修复它。

那是<input type="text" class="tw-typeahead" autofocus="autofocus" />以前。我把它改成<input type="text" class="tw-typeahead" />..

删除自动对焦属性修复了所有错误。很奇怪,但这就是问题所在。我与代码斗争了 2 天,但终于找到了!..

谢谢,

拉胡尔·帕蒂尔

0 投票
1 回答
1110 浏览

jquery - 使用 Twitter Typeahead.js 访问元素的数据属性

我使用 Rails 生成表单。我想使用 Twitter Typeahead 自动完成具有模型关联的字段。

以下 CoffeeScript 代码:

工作和回报:

我可以从 typeahead 函数中访问相同的数据吗?以下代码:

不起作用并返回undefined

0 投票
3 回答
349 浏览

facebook - 使用 typeahead.js 返回 Facebook 好友列表

我正在使用 Facebook Graph API 返回 Facebook 好友列表。然后我想将返回的 JSON 运行到 Typeahead.js 中,如下所示:

我对应的HTML如下:

但是使用预取没有返回任何内容(使用硬编码的本地值,没问题)。我没有在控制台中看到有关跨域问题的任何错误。

我相当确定这是因为尚未告知 Typeahead 如何处理 JSON 结构,但我不确定如何实现这一点。我曾尝试实施 Hogan 模板系统(我承认对它不熟悉),但这并没有帮助。

任何想法都非常感谢。

非常感谢

0 投票
2 回答
6853 浏览

javascript - typeahead.min.js Github 链接不工作

我使用 bootstrap v3.0.0 和 typeahead.js 实现了一个搜索栏下拉菜单。在我的项目完成时(2个月前)。我使用以下内容来包含模板引擎和 typeahead.min.js

现在突然间,我受到了“这里没有 GitHub 页面”的欢迎。当我试图访问

我的搜索下拉菜单不再起作用。我试图用一个工作链接替换 ​​hogan 模板链接,https://raw.github.com/twitter/hogan.js/master/web/builds/2.0.0/hogan-2.0.0.js 但这里没有 typeahead.min.js 的替代。事实上,任何版本都没有 typeahead.min.js。现在他们已将其更改为

由于它是升级版,因此不起作用。知道如何找到我正在使用的版本。我真的对正在发生的事情感到困惑,需要你的帮助。谢谢。

0 投票
2 回答
2437 浏览

c# - 键入第二个字符并且 css 看起来损坏后,TypeAhead 自动完成功能不起作用

这是我的 JS 与 typeahead 0.10.0 与 bootstrap 3 和 Asp.net MVC 5

这是我返回的 JSON 数据示例:

我遇到的第一个问题是,当我输入第一个字符时,我确实看到了建议,但没有像 typeahead 示例中那样的框的 css 我是否缺少任何 css?

在此处输入图像描述

第二个问题是当我输入第二个字符建议时,您可以在下面的屏幕截图中看到。

在此处输入图像描述

0 投票
2 回答
8919 浏览

javascript - 我可以更改 Typeahead.js 中的模板引擎吗?

Twitter Typeahead.js 0.10.0 现在使用 Bloodhound.js 与服务器交互。

是否可以将它使用的模板引擎从车把更改为 underscore.js 或 knockout.js 打孔的模板引擎?

0 投票
1 回答
2106 浏览

javascript - Super basic twitter-typehead page not working

I'm trying my first page working with "Multiple Sections with Headers", but I'm having difficulty figuring this out.

JS BIN here: http://jsbin.com/degu/5/edit?html,css,js,output

JSON files are stored on the local server, containing default data from twitter-typehead site.

Updated JS BIN file: http://jsbin.com/babe/1/edit?html,js,output

0 投票
2 回答
12672 浏览

twitter-bootstrap-3 - bootstrap-tags 预输入,bootstrap-3

在我的一个项目中,我曾经在 bootstrap-2.3.2 上有 bootstrap-tagsinput http://timschlechter.github.io/bootstrap-tagsinput。最近我都更新了(bootstrap 到 3,tagsinput 到 0.3.9)。在更新期间,我发现 tagsinput 外部依赖于http://twitter.github.io/typeahead.js/

根据文档,我尝试将 bs-tagsinput 与 typeahead 一起使用。那有点颠簸。例如 bootstrap-tagsinput 文档下的 typeahead 代码示例:

typeahead['setQuery']在 typeahead 版本 1.0 中不再存在(它在版本 0.9 中存在)。我对数据集使用 typeahead.source 方法。在 0.9 中未实现来自“源”的预输入,因此降级似乎不是一种选择。我不确定是否用 typeahead['val'] 替换它(虽然,两者都没有解决我看到的问题)。至于 CSS,我从 bootstrap-tagsinput 文档页面复制了它——不确定这是不是目的(我是新手,所以我不知道更好)。

问题是,在把所有东西放在一起之后,我遇到了错误的行为(如预期的那样)。具体来说,我面临一个问题,在插入标签(键入一个单词并按 Enter)后:(1) tt-dropdown-menu 应该消失但它不会。它与之前的 tt-suggestions 列表保持一致,并且 (2) 应清除 tt-hint 字段,但不是

如果我使用箭头选择其中一个 tt-suggestions,则可能会提到不会发生此问题。

任何人都知道取回 tagsinput-w/typeahead 功能的最佳方法是什么?

0 投票
1 回答
114 浏览

javascript - 带有 tritter-typeahead 的 Tagsmanager.js 3.0 更新错误的字段

我正在尝试制作一个通用功能来启用预先输入的标签查找。在我尝试概括该功能之前,我在这方面取得了一些成功。现在它似乎工作但更新了错误的字段。

我认为创建的线路var tmApi并没有保持本地化。或者至少回调正在访问错误的变量。以及如何让回调引用本地的?