问题标签 [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.
jquery - 预输入自动完成:使用模板
我正在使用 typeahead,但我无法获得一个简单的概念验证工作。
在下面的代码中,我基本上是在尝试使用 2 个字段构建自动完成功能。疯狂的是,我可以自动完成年份(值字段),但不能自动完成关键字段。有谁知道为什么?
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 天,但终于找到了!..
谢谢,
拉胡尔·帕蒂尔
jquery - 使用 Twitter Typeahead.js 访问元素的数据属性
我使用 Rails 生成表单。我想使用 Twitter Typeahead 自动完成具有模型关联的字段。
以下 CoffeeScript 代码:
工作和回报:
我可以从 typeahead 函数中访问相同的数据吗?以下代码:
不起作用并返回undefined
。
facebook - 使用 typeahead.js 返回 Facebook 好友列表
我正在使用 Facebook Graph API 返回 Facebook 好友列表。然后我想将返回的 JSON 运行到 Typeahead.js 中,如下所示:
我对应的HTML如下:
但是使用预取没有返回任何内容(使用硬编码的本地值,没问题)。我没有在控制台中看到有关跨域问题的任何错误。
我相当确定这是因为尚未告知 Typeahead 如何处理 JSON 结构,但我不确定如何实现这一点。我曾尝试实施 Hogan 模板系统(我承认对它不熟悉),但这并没有帮助。
任何想法都非常感谢。
非常感谢
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。现在他们已将其更改为
由于它是升级版,因此不起作用。知道如何找到我正在使用的版本。我真的对正在发生的事情感到困惑,需要你的帮助。谢谢。
c# - 键入第二个字符并且 css 看起来损坏后,TypeAhead 自动完成功能不起作用
这是我的 JS 与 typeahead 0.10.0 与 bootstrap 3 和 Asp.net MVC 5
这是我返回的 JSON 数据示例:
我遇到的第一个问题是,当我输入第一个字符时,我确实看到了建议,但没有像 typeahead 示例中那样的框的 css 我是否缺少任何 css?
第二个问题是当我输入第二个字符建议时,您可以在下面的屏幕截图中看到。
javascript - 我可以更改 Typeahead.js 中的模板引擎吗?
Twitter Typeahead.js 0.10.0 现在使用 Bloodhound.js 与服务器交互。
是否可以将它使用的模板引擎从车把更改为 underscore.js 或 knockout.js 打孔的模板引擎?
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
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 功能的最佳方法是什么?
javascript - 带有 tritter-typeahead 的 Tagsmanager.js 3.0 更新错误的字段
我正在尝试制作一个通用功能来启用预先输入的标签查找。在我尝试概括该功能之前,我在这方面取得了一些成功。现在它似乎工作但更新了错误的字段。
我认为创建的线路var tmApi
并没有保持本地化。或者至少回调正在访问错误的变量。以及如何让回调引用本地的?
和