Question

typeahead上的很多帖子都使用插件，即使自2.1.0 Bootstrap支持了对typeahead的ajax调用。

我无法让它能够满足我的需求 - 建议单词的ajax调用，此时单击一个会产生重定向。

因此，例如，如果您输入“lif”，它将查询“lif”（REST）到另一个页面，返回选项（life =＆gt; http：//life.com,lifealone =＆gt; http：// lifealone。 net等等，然后点击生活或生命将会带你到与之相关的那个方面。

我知道我可以使用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);
    });
}
});

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

https://gist.github.com/1891669

获取Bootstrap Typeahead ajax工作

1 个答案: