Tag: typeahead.js

Twitter Bootstrap Typeahead – 标识和标签: 我正在使用Bootstrap 2.1.1和jQuery 1.8.1，并尝试使用Typeahead的function。我尝试显示一个标签，并使用标准的<select /> 标识这是我的typeahead初始化： $(':input.autocomplete').typeahead({ source: function (query, process) { $('#autocompleteForm .query').val(query); return $.get( $('#autocompleteForm').attr('action') , $('#autocompleteForm').serialize() , function (data) { return process(data); } ); } }); 这是我发送的那种JSON [{"id":1,"label":"machin"},{"id":2,"label":"truc"}] 我怎样才能告诉process()显示我的标签，并将选定的ID存储在另一个隐藏的字段？

在Bootstrap 3的Twitter Typeahead上的CSS问题: 随着Bootstrap 3的发布，Typeahead已经被删除， https://github.com/twitter/typeahead.js 我已经成功地将它集成在远程数据读取上但我有自动完成问题正如你所看到的那样，文本框上出现了两个文本。我已经包含在文档中说的CSS（ https://github.com/jharding/typeahead.js-bootstrap.css ），但没有运气。任何帮助或build议，将不胜感激。显示问题的jsfiddle： http://jsfiddle.net/KrtB5/ HTML <body> <div class="container"> <label>State</label> <input type="text" class="typeahead form-control" /> </div> </body> Javascript ： $('.typeahead').typeahead({ name: 'Some name', local: ['test', 'abc', 'def'] })

Twitter的typeahead.jsbuild议不是风格（没有边框，透明背景等）: 我正在使用twitter的typeahead.js 0.9.3 ，似乎我的build议是不是风格的。我得到这个：而不是像这样（从示例页面）启用JavaScript的types： $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); HTMLinput元素： <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> 补充笔记：我正在工作的网站有jQuery 1.10.1，不使用twitter引导。有一堆CSS我没有写，因此我不太了解哪些是我害怕干扰，但是看起来插件添加了自己的样式（没有附带的.css文件），所以理论上它不应该覆盖的东西？我很困惑，为什么我的风格工作，但由插件添加的那些，导致透明的背景，没有边界等build议。

我们如何在Typeahead.js中设置远程？: 在以前的版本中我可以这样做： $('#search').typeahead({ name: 'Search', remote: '/search?query=%QUERY' }); 但是自0.10更新以来，typeahead.js要求我们定义我无法工作的source 。如何定义远程而不必定义数据集函数？

twitter引导键入ajax示例: 我试图find一个工作示例的twitter引导typeahead元素，将使ajax调用填充它的下拉列表。我有一个现有的工作jquery自动完成的例子，它定义了ajax url以及如何处理回复 <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { minChars:3, max:20 }; $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. 我需要改变什么来将其转换为typeahead示例？ <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { source:'/index/runnerfilter/format/html', items:5 }; $("#runnerquery").typeahead(options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. 我要等待“ 添加远程资源支持typeahead ”问题才能解决。