问题标签 [bootstrap-typeahead]

我在 Google App Engine 应用程序中使用 Bootstrap typeahead，但它不起作用。

我的 HTML：

还有我的 Python 代码：

为什么自动完成不起作用？这段代码有什么问题？

当使用 Twitter Bootstrap（示例）中的预输入功能时，当我按 TAB 和按 ENTER 时，第一个建议会被选中。但是，当用户不想使用其中一个建议时，只有一种方法可以实现这一点，那就是抓住鼠标并单击提交按钮。

我想要一种只使用键盘的方法，TAB 或 ARROW-UP 看起来都很直观，但在这两种情况下，我都无法让 Bootstrap 的默认行为停止。我尝试了 preventDefault() 和 stopPropagation()。

我正在使用 jQuery File Upload 插件并在表单中尝试使用 twitter bootstrap 中的 typeahead 但它不起作用，

代码是这样的：

然后在javascript中调用列表

如果我将控件放在

标签它工作得很好，但在里面我不能让它工作，希望你能帮助我

这个真的让我很烦恼，希望有人能弄清楚发生了什么。

JS：

autocomplete_bs.php 在这里：http ://examine.com/autocomplete_bs.php?q=xxxx

您可以在此处测试自动完成功能：http: //examine.com/（右上角）

令人难以置信的是，有些结果显示，有些则没有。

• 检查。com/autocomplete_bs.php?q=bacopa - 显示
• 检查。com/autocomplete_bs.php?q=aging - 显示
• 检查。com/autocomplete_bs.php?q=life - 不显示？
• 检查。com/autocomplete_bs.php?q=food - 只显示第一个结果，不显示第二个
• 检查。com/autocomplete_bs.php?q=creat - 显示多个结果，但跳过“什么是硝酸肌酸？”

控制台没有显示任何可以解释这一点的错误。有什么线索吗？

（对不起，因为我的声誉太低，而且我忘记了我必须破坏 URL 的其他主要登录名）。

我不确定这是 TB 引入的新错误还是我，但它在 Chrome 和 IE 中有效，但在 Firefox 中无效。

显示建议时，typeahead 会跳过 key up 或 down 上的所有其他值。

推特引导 2.2.1
jQuery 1.8.3
火狐 16.0.2

无论如何打开了错误：https ://github.com/twbs/bootstrap/issues/5943

DEMO2（开始输入“m”）或 TB 网站上的官方预输入演示（开始输入“a”）

我正在使用 bootstrap-typeahead 以允许多项选择。这是演示。

原始代码已由@Sherbrow Twitter bootstrap typeahead 多个值更新

我的问题与以下用例有关：
插入Alaska值后，我想更新不再显示Alaska值的源。
有什么提示吗？

我正在寻找一种改变sourcetypeahed 的方法。

例如，假设我有以下 2 个列表，并且根据具体情况，我想让 typeahead 使用不同的来源。

然后，当我这样做

并开始在输入框中输入内容，第一个列表出现在新列表下方。

我试着做

然而，它没有任何效果。

当我删除这些属性时：

我能够执行此操作：

这是我的 HTML 标记：

注意： Typeahead 运行良好，这并没有错：

我正在尝试使用 Twitter Bootstrap 2.2.1 创建 Typeahead 搜索。我设法使用 JSON 而不是这样的字符串：

现在我想做更多

1. 在 typeahead 中使用 JSON 是正确的方法吗？
2. 我想在下拉列表中显示不同类型的对象 - 假设我有歌曲和专辑类型，我想显示找到的所有歌曲然后是分隔符，然后是找到的所有专辑。
3. 我想在下拉列表中显示图像 - 比如专辑的封面。

我在这里阅读了主题Allow loading images and custom HTML in typeahead results。
引用该主题：“使用项目和菜单选项的组合，您可以指定新模板”，但我仍然不知道如何以正确的方式进行操作。

谢谢你。

我对页面上的几个元素使用了预先输入，但它只适用于第一个元素，而不适用于其余元素，尽管它们的数据源以完全相同的方式生成并且具有所有正确的值（数据源="["abc","cbd"]")。有人知道为什么会这样吗？

谢谢