twitter typeahead有标题的建议,怎么样?

时间:2013-05-08 17:07:00

标签: javascript jquery autocomplete bootstrap-typeahead

我跟着this tutorial并使用ajax源(django backend)实现了twitter typeahead,以便在我的下拉框中提供建议。

我可以让我的下拉列表根据我输入的内容向我提供建议,但我希望能够有标题来组织各种建议,例如在此示例中:

enter image description here

来自此网站:http://twitter.github.io/typeahead.js/examples/

这些网站上的示例存在的问题是不使用ajax源。我尝试像这样修改类型调用

$(".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数据源完成此类自动推荐?

1 个答案:

答案 0 :(得分:0)

查看Bootstrap项目中的typeahead javascript源代码,它似乎没有实现&#39;标题&#39;选项。

显然,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/typeahead.js/releases/latest/typeahead.js添加更高级的javascript,以便您可以使用它来代替

希望这有帮助!