Tag: typeahead.js

无法让Twitter Typeahead在Bootstrap中工作: 这可能是一个noob问题，但我无法弄清楚为什么这段代码不起作用。仅供参考，这只是一个从少数国家撤出的县的样本清单。我根据之前的输入从php中提取列表，但这不是问题，列表很好，它的自动完成function不起作用。 http://jsfiddle.net/s4wx9/ Local County: $(“#county”).typeahead({ local: [“Apache”, “Cochise”, “Coconino”, “Gila”, “Graham”, “Greenlee”, “La Paz”, “Maricopa”, “Mohave”, “Navajo”, “Pima”, “Pinal”, “Santa Cruz”, “Yavapai”, “Yuma”] });

Typeahead.js + Bloodhound远程数据：如何获取调用对象引用？: 我正在尝试干掉一些JQuery代码，该代码初始化了一个使用带有远程数据源的Bloodhound建议引擎的typeahead.js插件。这是到目前为止的代码： var locsData = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace(“name”), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: “/locations/search.json?q=%QUERY”, ajax: { beforeSend: function(xhr, settings) { $(“#typeahead1”).addClass(‘loading-text’); }, complete: function(xhr, status) { $(“#typeahead1”).removeClass(‘loading-text’); } } }, limit: 100 }); locsData.initialize(); $(“#typeahead1”).typeahead({ minLength: 3 }, { name: “locs”, displayKey: “name”, source: locsData.ttAdapter() }); 我试图将这段代码概括为一堆不同的文本字段; 这应该不是问题：我可以使用$(“.myClass”).typeahead({ … })并且将为所有这些控件初始化插件。我面临的问题是使用Bloodhound配置中的ajax回调函数（ beforeSend ， complete等）：我正在为这些函数中的文本字段切换“loading.gif”类，我需要该代码来获取对调用对象的引用。 […]

Bootstrap typeahead：选中后在框中显示不同的文本: 我使用bootstrap typeahead搜索如下： $(‘.lookup’).typeahead({ source: function (query, process) { return $.getJSON( ‘json_autocomplete.php’,{ query: query }, function (data) { var newData = []; $.each(data, function(){ newData.push(this.label); //populate hidden field with id $(‘#contact_id’).val(this.id); }); return process(newData); }); } }); JSON数据如下所示： [{“label”:”Contact: Jeff Busch-> Busch, Jeff: 1975-11-24″,”value”:”Busch, Jeff”,”id”:”2096″}, … 它工作得很好。当用户开始键入“标签”时，数据显示在输入下的列表中。但是，一旦用户点击其中一个列表项，我希望“值”文本出现在输入文本框中，而不是所有搜索到的标签信息！这可能吗？这是一个小提琴： http://jsfiddle.net/michels287/qdgo651h/

Typeahead v0.10.2＆Bloodhound – 使用嵌套的JSON对象: UPDATE 根据@BenSmith（ https://stackoverflow.com/users/203371/BenSmith ）的正确答案，我找到了我的问题，发现我没有正确浏览我的JSON层次结构。这是工作代码： // instantiate the bloodhound suggestion engine var engine = new Bloodhound({ datumTokenizer: function (datum) { return Bloodhound.tokenizers.whitespace(datum.title); }, queryTokenizer: Bloodhound.tokenizers.whitespace, prefetch: { url: “SampleData.json”, filter: function (data) { //console.log(“data”, data.response.songs) return $.map(data.response.songs, function (song) { return { title: song.title, artistName: song.artist_name }; }); } } }); // initialize the bloodhound […]

如何使用最新的typeahead.js库呈现JSON响应: 我的应用程序中有一个搜索框，用户可以在其中搜索存储在数据库中的患者详细信息。他们会输入患者的姓名，服务器将回复JSON响应并提供所有详细信息。为了方便这样的function，我使用的是最新版本的typeahead.js。这是我的javascript代码： $(“#search-box”).typeahead({ remote: ‘searchPatient.do?q=%QUERY’ }); 此代码为我提供了以下JSON响应： [ { “id”:1, “surname”:”Daniel”, “forename”:”JOHN”, “address”: { “id”:23, “houseNameOrNumber”:”35″, “addressDetail”:”Roman House”, “postCode”:”NE1 2JS” }, “gender”:”M”, “age”:27, “dateOfBirth”:”25/08/1985″ } ] 当typeahead库尝试呈现此响应时，我总是在下拉列表中看到未定义。我想在自动建议下拉列表中显示此响应的所有字段。如果有人可以指导我这样做，我将不胜感激。我想在下拉列表中显示这样的记录： John Daniel (M, 27) 35 Roman House, NE1 2JS 25/08/1985 提前致谢！

如何让匹配器忽略变音符号 – JQUERY: 我试图让Typeahead使用重音符号。到目前为止，没有雪茄。文件typeahead.json包含如下数据： {“0″:”João”,”1″:”Rogério”,”2″:”Fábio”} JQuery代码如下所示： $.getJSON(‘./banco/typeahead.json’,function(data){ var substringMatcher=function(strs){ return function findMatches(q,cb){ var matches, substrRegex; matches=[]; substrRegex=new RegExp(q,’i’); $.each(strs,function(i, str){ if(substrRegex.test(str)){ matches.push({value: str}); } }); cb(matches); }; }; var charMap={ “à”: “a”, “â”: “a”, “é”: “e”, “è”: “e”, “ê”: “e”, “ë”: “e”, “ï”: “i”, “î”: “i”, “ô”: “o”, “ö”: “o”, “û”: “u”, “ù”: “u” }; var […]

Typeahead.js – 无法选择建议: 我一定是个白痴。我正在使用Typeahead.js插件。我正在尝试使用自定义模板来提供建议。当我的自定义模板出现时，我无法使用箭头键来实际选择项目。如果我将鼠标hover在某个项目上，则该选择也不会突出显示。我认为这可能只是一个造型问题。但是，如果出现3条建议，并且我单击向下箭头两次，然后输入，则我选择的选项不会出现在文本框中。或者，如果我用鼠标选择一个选项，则该选项不会出现在框中。我究竟做错了什么？目前，我有以下内容： var suggestions = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace(‘value’), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: ‘/api/suggests?querytext=%QUERY’, filter: function(results) { return $.map(results.Results, function(suggestion) { return suggestion; }); } }); suggestions.initialize(); $(document).ready(function() { $(‘input.typeahead’).typeahead( { minLength: 3 }, { name: ‘suggestions’, source: suggestions.ttAdapter(), templates: { suggestion: function(data) { var str […]

显示有关typeahead和bloodhound点击的完整建议列表: 我正在使用带有血腥建议引擎的Typeahead.js，并希望在用户点击搜索框后立即显示该列表。我发现这个stackoverflow问题（ Twitter TypeAhead以编程方式显示所有结果）与我相同，答案指向解决问题的jsfiddle： http ： //jsfiddle.net/5xxYq/ 大。然而，似乎只有在不使用猎犬作为先行者的来源时才能工作。例如，我分叉了他们的工作示例并将类型来源切换为使用猎犬： http ： //jsfiddle.net/5xxYq/31/ 。建议引擎工作正常（当我键入jo列表出现时），但是点击上显示建议的小黑客似乎不再起作用了。关于如何制作建议列表的任何想法出现在点击血腥？谢谢！

Twitter Typeahead.js Bloodhound远程返回undefined: 无法获得Twitter Typeahead.js，远程版本可以使用。我的建议得到“未定义”。任何帮助，将不胜感激。代码如下： JS： var films = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace(‘value’), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: ‘../widgets/films.json’ }); films.initialize(); $(‘#films .typeahead’).typeahead(null, { name: ‘films’, displayKey: ‘value’, source: films.ttAdapter() });

Typeahead.js – 显示更多结果: 我正在使用typeahead.js，一切都适合我，除了一件事：我在建议下拉列表中只显示了5个条目，但是如果有更多结果，我想向用户显示，结果更多（但不是结果本身，只是信息，有更多结果）所以他继续打字。我不想要滚动条我不想显示其他结果只是一个信息，有更多的结果请看附上的屏幕。