2

我遵循本教程并使用 ajax 源（django 后端）实现了 twitter typeahead，以便在我的下拉框中提供建议。

我可以让我的下拉列表根据我输入的内容给我建议，但我希望能够有标题来组织各种建议，例如在这个例子中：

在此处输入图像描述

从这个网站：http: //twitter.github.io/typeahead.js/examples/

这些站点上的示例的问题在于它们都没有使用 ajax 源。我尝试像这样修改 typeahead 调用

$(".typeahead").typeahead({
    source: function ( query, process ) {//ajax call stuff here...},
    updater: function(item) {//stuff goes here...},
    header: '<h3>Header Should Be Here</h3>', //<-- This should add a header to my suggestions, no?
    }

但是我的建议列表没有标题..

是否有可能通过带有不同类型建议的标题标签的 ajax 数据源完成此类自动推荐？

4

1 回答 1

0

查看 Bootstrap 项目中的 typeahead javascript 源代码，它似乎没有实现“header”选项。

显然， http: //twitter.github.io/typeahead.js/examples/上演示的版本 确实实现了标头。但它是在 3 月 24 日添加的（参见https://github.com/twitter/typeahead.js/blob/master/CHANGELOG.md#090-march-24-2013），所以最新的 Bootstrap 还没有包含这个功能尚未。

您可以自定义您的 bootstrap js 文件（此处：http: //twitter.github.io/bootstrap/customize.html）以排除 bootstrap 的最新 typeahead 插件，然后在http://twitter.github.io/包含更高级的 javascript typeahead.js/releases/latest/typeahead.js，以便您可以使用它。

希望这可以帮助！

于 2013-05-08T17:41:58.903 回答