问题标签 [bootstrap-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 回答
244 浏览

jquery - 让 Bootstrap Typehead ajax 工作

许多关于 typeahead 的帖子都使用了插件,尽管自 2.1.0 以来 Bootstrap 已经支持对 typeahead 的 ajax 调用。

我无法使它满足我的需要-建议单词的ajax调用,此时单击一个会产生重定向。

因此,例如,如果您输入“lif”,它将查询“lif”(REST)到另一个页面,返回选项(life=>http://life.com、lifealone=>http://lifealone.net 等),然后单击 life 或 lifealone 将带您到与之关联的尊重 url。

我知道我可以使用 jqueryui 自动完成功能,但我更愿意将其保留在 Bootstrap 的原生 JS/CSS 中。这甚至可能吗?

0 投票
1 回答
1719 浏览

javascript - 将自定义函数添加到 bootstrap typeahead

我正在使用 typeahead 来提取名称,然后使用与名称相对应的 id 更新隐藏字段。在我的表格中,名称可以留空,不需要填写。

有没有办法将自定义错误检查添加到 typeahead 功能?例如,我开始填写表格并键入/选择一个用户,然后我改变主意并想将其留空。至此,用户 ID 已经添加到隐藏字段中,因此即使我将名称字段留空,表单也会在其中传递用户 ID。

我想我总是可以在提交时进行错误检查,但我很好奇是否有办法添加到本机 api。

我的代码是:

我希望我可以添加类似的东西

0 投票
1 回答
1855 浏览

backbone.js - 如何在我的主干视图中绑定 bootstrap typeahead 的数据源?

我有一个骨干观点。我想在搜索文本字段中发生的每次更改中从服务器设置引导输入的数据源。我怎样才能做到这一点??这是我的搜索视图

这是我的搜索字段:

请任何人帮助。我是一个有骨气的初学者。也许这很容易,但对我来说很难处理。我已经尝试了很多。

0 投票
0 回答
507 浏览

jquery - Bootstrap Typeahead 仅显示 1 个字符

好的,我已经阅读了有关此问题的所有其他帖子,并尝试了大约 30 种不同的已发布解决方案,据称这些解决方案对我有用,但它们都不适合我:(

首先关闭一些版本:

引导程序 - 2.2.2,jQuery - 1.8.3,jQuery UI - 1.9.2

输入小写或大写 O 时,我的 XHR 请求返回以下 JSON 对象:

我的 typeahead 块如下所示:

因此,当我开始输入时,在本例中为字母“O”,我得到一个如下所示的下拉列表:

七个 O 对应于字母 O 在整个对象中出现的总次数,但很明显,这不是我想要的。

我不明白的另一件事是我只能输入一个字母并且下拉菜单消失了。该请求在每次按键时发送并返回每个请求的对象,但自动完成功能停止工作。

需要有人让我了解这里到底出了什么问题。

非常感谢。

-V

0 投票
7 回答
9846 浏览

twitter-bootstrap - Bootstrap Typeahead:删除第一项的强制选择

嗨,我在 twitter 引导程序中使用 typeahead。我在这里发现的是,在自动完成下拉菜单中,它默认选择第一个选项。我的要求是,最初它应该没有选择任何内容,只有当我按下导航键(向上或向下)或将鼠标悬停在它上面时,它才会进入第一个选项。是否可以使用预输入。

0 投票
2 回答
4403 浏览

javascript - Bootstrap 预输入自动完成,源在页面加载时仅加载一次

我想通过 jquery 从服务器加载整个源数据,但在页面加载时只加载一次。我想将它存储在一个变量中。jquery 部分可以工作,但输入不会自动完成。它什么也不做。它只有在源代码写成 source: ["blablabla","dadadada"] 时才有效。

这是我的 Javascript 代码:

服务器端php代码:

我究竟做错了什么?

0 投票
1 回答
705 浏览

twitter-bootstrap - Bootstrap Typeahead 从查询中选择任何单词

我使用以下代码获取 Bootstrap Typehead 文本框的源代码:

这适用于列表(示例)

输入例如“P”,它会显示 Pizza 和 Lasagne 输入例如“as”,它会显示 Lasagne 和 Pasta

我需要知道的是,我没有找到答案,也不知道该怎么做:

我该怎么做,用上面的列表,输入例如“我想要一个比萨”,比萨就会出现。例如,Pizza 或 Lasagne 显示 Pizza 和 Lasagne。换句话说。如何实现从多个单词中选择的预输入

0 投票
3 回答
539 浏览

javascript - 输入更改后立即运行函数

可能重复:
bootstrap-typeahead.js 在选择事件上添加一个监听器

我正在使用 Twitter Bootstrap 的 typeahead 功能,我想使用.on('change', function(){...}),但我的问题是,事件在输入值实际更改为所选值之前触发,并且当调用函数时,函数$(this).val()内部返回值那是在改变之前存在的。该事件触发两次,但只有第二次触发。

我需要一种方法来运行该函数,以便它返回选定的值,并且只运行一次。

jsFiddle

0 投票
2 回答
275 浏览

javascript - jQuery 使用 typeahead updater 参数抛出一个 typeError

如果您使用谷歌浏览器访问我的网站http://djdavid98.zymichost.com/.tagguide/并尝试使用搜索框(例如输入“a”,单击第一个选项),您将在控制台中看到, jQuery 记录一个Uncaught TypeError: Cannot call method 'toLowerCase' of undefined. 我不明白为什么。

问题一定出在这部分代码中,因为删除它可以解决所有问题:

tagguide.js(第 20-46 行):

0 投票
1 回答
2540 浏览

twitter-bootstrap - 同一页面上的两个引导输入,具有两个不同的源函数

我希望两个不同的文本输入具有预先输入功能,每个输入都有不同的源函数。例如,一个获取 first_names,另一个获取 last_names。

这是它的外观,但它不起作用:

第一个预输入工作正常。但是,第二个,当我开始输入并且选项开始出现时,然后我单击一个选项,下拉列表刚刚关闭并且没有值被插入到输入字段中。

有人知道如何让它工作吗?