jquery - 让 Bootstrap Typehead ajax 工作

Question

许多关于 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 中。这甚至可能吗？

Answer 1

从文档中手动调用 typeahead：

$('.typeahead').typeahead();

您可以传递选项。您正在寻找的是来源：

$('.typeahead'.typeahead({
    source: function(query/*text input value*/,callback/*used for asynchronous update*/) {
    $.get('yourdata.file?q='  + query, function (data) {
        callback(data);
    });
}
});

然后，您需要将事件处理程序附加到您的选择事件。这不是用 bootstrap.typeahead 本地处理的，但是有一个分支添加了这个功能。

https://gist.github.com/1891669