typeahead.js 相关问题

typeahead.js是一个由Twitter编写的JavaScript库,用于在用户输入时计算和显示建议 - 例如,实现自动完成功能

jQuery typeahead.js 和重音符号

我正在使用 jQuery typeahead 插件来自动补全法语和英语的国家/地区。 即使使用重音符号,它也可以正常工作,因为国家/地区是以两种语言应有的方式获取的...

回答 2 投票 0

下拉菜单的 Typeahead 实现

我正在为下拉菜单创建预输入。我使用了 angularjs-typeahead-dropdown.min 。但它不起作用。下面是我的代码 ...

回答 3 投票 0

Twitter 的 typeahead.js 建议没有样式(没有边框、透明背景等)

我正在使用 twitter 的 typeahead.js 0.9.3,看来我的建议根本没有样式。 我得到这个: 而不是这样的:(取自示例页面) JavaScript 启用 typeah...

回答 11 投票 0

typeahead.js 中的`display` 选项不起作用

我已经做了好几个小时了,我确信我犯了一个愚蠢的错误。但我不知所措...... 这是我检查过的内容: 文档: https://github.com/corejavascript/typeahead.js/blob/master/doc/

回答 0 投票 0

为什么typeahead不显示结果?

我用这个插件。 HTML 元素是: 我用这个插件. HTML 元素是: <input class="form-control typeahead" maxlength="50" id="secondname" required="required" name="secondname" type="text"> $("#secondname").typeahead({ minLength: 3, async: true, source: function (query, process) { return fetchPatientForm({ secondname: query }) .then((res) => res.data) .then((data) => { console.log(data); return process(data); }); }, }); 回应 console.log(data); 是: [{id: 39, name: 'Михаил', secondname: 'Попов', patronymic: '3' }]; 所以也没有错误和结果。我做错了什么? 我尝试从服务器返回普通数组,如 [1, 2, 3] 它也不起作用

回答 0 投票 0

Jquery Typeahead 不从 JSON 返回数据

我正在做一个项目,当输入一些数据时需要提前输入文本框,并且将使用查询字符串从 web 服务中获取数据。 我只想显示姓名、州代码、Z...

回答 0 投票 0

Typeahead的工作原理是用全英文字母书写的源码,但当与一个变量相关联时就不行了。

为什么当我用全称写源码时,我的typeahead可以工作,但当我把它与一个变量关联时就不行了?它的工作原理是: var dt = [{"name": "Coop", "link": "post.php?d=1"},{"name": "...

回答 1 投票 0

无法让JQuery TypeaheadAutocomplete工作(ASP.NET Core)。

我正在使用JQuery Typeahead功能的最基本实现,但我不能让它在我的ASP.NET Core应用程序上工作。代码检查没有发现任何错误,一切看起来都是应该的......。

回答 1 投票 0

Searchkick - 多模型& 字段的自动完成。

Searchkick - 自动完成与多个模型& 字段 我正在努力实现自动完成功能的多个模型关联到我的邮政模型。搜索功能工作...

回答 1 投票 0

制表符在预输入组件中未选择自动完成选项

我正在使用react-bootstrap-typeahead组件,但是在弄清楚是什么原因导致该组件失去选项卡功能以选择自动完成功能时遇到了麻烦。如果使用onInputChange,请跳至...

回答 1 投票 0

Typeahead.js在远程网址中包含动态变量

我已经尝试了几个小时,才能在“远程”路径中获取变量。该变量将更改,具体取决于另一个输入。这是代码:school_value = $('#school')。val(); $('#school')。change(...

回答 5 投票 14

Webpacker滑轨6(正在加载猎犬并提前输入)

我正在尝试在Ruby的webpacker中加载Bloodhound和typeahead.query.js。我让Bloodhound在environment.rb文件中工作,并且摆脱了该错误。但是提前输入仍然无法正常工作...

回答 1 投票 0

如何在控制器中的json中返回我的响应。 (Asp.net)

我将烤面包机用于表格通知。我总是收到错误消息,但数据已保存在数据库中。我认为该错误来自控制器,因为我没有发回...

回答 1 投票 0

正在加载微调typeaheadjs猎犬标签输入

我已经设置了带有猎犬和标签输入的自动完成搜索表单。它在远程环境下效果很好,但是建议需要大约1或2秒才能与Wordpress API一起显示。我想添加一个加载微调器...

回答 1 投票 0

我如何使用Jquery清除预输入?

我的测试用例中的html部分是 [[[[[[[[] []] 确保像演示中一样包含所有HTML,让我知道这是否是您要的内容 下面创建了一个演示供您测试: $.typeahead({ input: '.txtSearchProduct', minLength: 0, maxItem: 15, order: "asc", hint: true, href: "", searchOnFocus: true, emptyTemplate: 'No results found "{{query}}"', display: ["id", "code", "name", "table"], template: "{{name}}<small style='color:#999;'>{{code}}</small>", source: { "Products": { ajax: { url: "/search/product", path: "" } } }, callback: { onClickAfter: function(node, a, item, event) { //debugger; event.preventDefault; //$("#txtSearchProduct").val(""); $.ajax({ type: "POST", url: "/controller/add/" + item.id, success: function(data) { }, error: function(data) { }, done: function() { $("#loading").hide(); } }); } }, debug: true }); <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-typeahead/2.11.0/jquery.typeahead.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-typeahead/2.11.0/jquery.typeahead.css"> <form> <div class="typeahead__container"> <div class="typeahead__field"> <div class="typeahead__query"> <input class="txtSearchProduct" name="q" autofocus autocomplete="off"> </div> <div class="typeahead__button"> <button type="submit"> <span class="typeahead__search-icon"></span> </button> </div> </div> </div> </form>

回答 1 投票 0

Typeahead.js仅匹配单词的开头

我的T ypeahead代码是:var events = new Bloodhound({datumTokenizer:Bloodhound.tokenizers.obj.whitespace('name'),queryTokenizer:Bloodhound.tokenizers.whitespace,limit:100,...

回答 2 投票 4

无法设置未定义的属性'url'

在下面的示例中,我创建了typeahead类的实例var ta = $ .typeahead({input:'.super',minLength:0,maxItem:15,order:“ asc”,提示:...

回答 4 投票 2

预先建议列表不减少

[我正在尝试植入twitter typeahead.js https://github.com/corejavascript/typeahead.js,但是建议列表不会减少...。HTML代码:

回答 1 投票 0

typeahead.js找不到修改它的样式,或者我可以从CSS覆盖html元素样式吗?

typeahead.js是一个文件,但是由于某种原因,它添加了具有'style'属性的html元素,我正在尝试修复z-index,但在此处的type-ahead生成的元素中对其进行了定义。我没看到...

回答 1 投票 1

选择其他输入文本后先键入

我想为另一个输入文本填充一些值。怎么做? var projects = new Bloodhound({datumTokenizer:function(d){return Bloodhound.tokenizers.whitespace(d.idSales);},...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.