让Bootstrap Typehead ajax正常工作

Question

很多关于typeahead的文章都使用了插件，尽管从2.1.0 Bootstrap开始就支持对typeahead的ajax调用。

我无法让它工作于我需要的东西-建议单词的ajax调用，在这一点上单击一个会产生一个重定向。

因此，例如，如果你输入"lif“，它会查询"lif”(REST)到另一个页面，返回选项(life=>http://life.com，lifealone=>http://lifealone.net等)，然后点击lif或lifealone，就会把你带到与之相关的相关url。

我知道我可以使用jqueryui自动完成，但我更喜欢使用Bootstrap原生的JS/CSS。这有可能吗？

Answer 1

从文档中手动调用typeahead：

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

您可以传递选项。你要找的是source：

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

然后，您需要将事件处理程序附加到select事件。这不是用bootstrap.typeahead原生处理的，但是有一个fork添加了这个功能。

https://gist.github.com/1891669