问题标签 [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 投票
2 回答
2619 浏览

twitter-bootstrap - Twitter Bootstrap:没有匹配项的 Typeahead 功能

我有一个将“用户”与“事物”相关联的“添加新事物”表单。

我正在使用 Twitter Bootstrap Typeahead 在我键入时提供用户列表。
它工作得很好,如果用户在列表中,我可以选择它。

但如果用户不存在,我想显示一个“创建新用户”链接。

所以基本上,我需要在.typeahead(). 我搞不定。

0 投票
1 回答
252 浏览

javascript - 使用 ng-repeat 为字符串数组中的每个值创建一个输入

我的模型中有一个字符串数组,我想为每个字符串创建一个文本输入并将它们绑定到数组,使用 Twitter Bootstrap typeahead 和它们。这是我尝试过的:

这是我的控制器中的代码:

现在输入渲染但它们不起作用。有任何想法吗?

0 投票
2 回答
2315 浏览

ajax - Twitter bootstrap Typeahead 填充href

我正在使用带有 ajax 调用的 bootstrap typeahead 来为我的网站创建一种即时搜索。除了 Typeahead 似乎只能处理标题而不是 href 之外,这一切都很好。例子:

我的 PHP 代码是这样的:

我的 Javascript 在这里:

...一起,这些结果产生了这个 HTML:

process 函数是 Bootstrap 内置的函数,它获取每个结果的标题并用它填充下拉列表。我也希望能够从我的数据库中获取 href,然后下拉列表中的链接将真正起作用,而不仅仅是为了展示。

问题是,如果我写$array[] = array("title"=>$row['title'],"href"=>$row['link']");在我的 PHP 文件中,它会破坏一切,因为大概 process() 无法处理额外的数据。

有没有人有什么建议?关于 Typeahead 的更多信息可以在这里找到:http: //twitter.github.com/bootstrap/javascript.html#typeahead

谢谢

0 投票
3 回答
4612 浏览

typeahead - Bootstrap typeahead 结果进入一个div,可能吗?

我正在尝试将预先输入的结果放入我页面上的特定 div 中。我得到了 JSON 回调数据,但我不知道如何使用它来填充特定的 div。process 函数具有列出结果的唯一效果,无论它需要多长,就在搜索字段下方。

这是我的代码,你知道如何利用回调数据来填充特定的 div 吗?

0 投票
1 回答
325 浏览

json - 我如何提前输入以在 json 字符串数组中返回 id 而不是 name

在 Joomla 中使用引导程序。我已经尝试寻找解决方案并在此处尝试了一些不同的答案,但似乎无法使其正常工作。

到目前为止,我有以下返回名称,但我希望它发送 id 而不是搜索输入中的名称。

到目前为止,这是我通过 php 打印的内容:

我已经尝试了各种答案,但这至少会返回artist_name但显然会引发 mysql 错误。如果我在输入中输入 id 号,它工作正常。

我只需要弄清楚如何在提交时将值更改为 id。任何帮助表示赞赏。

0 投票
1 回答
2127 浏览

jquery - 如何在 typeahead 函数调用中使用 bootstrap 的 typeahead 获取文本框的属性

我在一个文本框上使用了带有 ajax 的 bootstrap 的 typeahead 脚本,现在我进行了如下调用

现在在上面的代码中我提到了 $(this).attr('id'); 显示未定义...所以任何人都可以告诉我如何获取字段的属性,哪个 typeahead 是获取目标?

提前致谢 :)

0 投票
2 回答
3703 浏览

php - Bootstrap typeahead 未正确连接到 SQL 数据库

我正在尝试将我的 Bootstrap 搜索栏(它使用预先输入)连接到一个远程 SQL 数据库,其中包含不同的食物。我知道预输入在某种程度上是有效的,因为当我输入“C”时,会弹出“Chicago”这个词,但是,“Chicago”不在我的 SQL 数据库中。我正在关注YouTube 上的本教程

这是我的网页的 HTML/PHP 代码:

这是我的搜索条形码:

这是我页面底部的 JS 代码:

这是我应该访问 SQL 数据库的 database.php 代码:

数据库信息如下:

数据库名称:Menu_Items

表名:食物

该表由 2 列组成,第 1 列是唯一 id,第 2 列标题为“名称”。

我似乎无法弄清楚我哪里出了问题,据我所知,我已经正确地遵循了教程。关于我在哪里搞砸的任何想法?

0 投票
1 回答
2069 浏览

jquery - 使用虚拟键盘的引导程序预输入无法正常工作

当我使用带有虚拟键盘的手机和平板电脑时,我遇到了 Typeahead 的问题。

当我点击 typeahead 控件(一个 html 输入)时,会出现虚拟键盘,我可以输入查询文本。然后下拉显示结果,当我选择一个选项时,虚拟键盘关闭,所选选项显示在控件中。但是马上又显示了虚拟键盘,因为焦点回到了预输入控件并再次触发了点击事件。

Bootstrap 页面上的示例具有相同的行为。

[EDIT] The user must select several options, When selects the first, I want to set focus in the next option control, but typeahead return the focus to itself. 选择后我无法设置焦点。这只发生在 Boostrap 上。例如,jquery 自动完成功能可以正常工作。

谁能帮我?

谢谢

0 投票
2 回答
1607 浏览

javascript - 为动态添加的元素添加监听器

我有一个 javascript/jQuery 页面,我在其中使用 Twitter Bootstrap 的 typeahead。在 javascript 中有两个不同的地方,我可以在其中添加我想预先输入的元素。在不要求主观答案的情况下,我将输入动态注册为预输入的好方法是什么?每次添加它们时都给他们所有不同的 ID 并注册?有什么可以用的魔法.on()吗?

0 投票
1 回答
779 浏览

ruby-on-rails - ruby on rails 使用 Typeahead (bootstrap) 实现自动完成搜索

我想在我的搜索栏中添加自动完成功能。但是当我提交完整的用户时,我得到了这个 url:

/users?utf8=✓&search=Thomas

代替/users/23

我的控制器

Javascript

我的表格

谢谢你的帮助