讓Bootstrap Typehead ajax工作

Question

typeahead上的很多帖子都使用插件，儘管自2.1.0 Bootstrap支持typeahead的ajax調用。

我無法使它適用於我需要的東西 - 建議詞的ajax調用，此時單擊一個會產生重定向。

例如，如果你輸入「lif」，它會查詢「lif」（REST）到另一個頁面，返回選項（life => http://life.com，lifealone => http://lifealone.net等），然後點擊生活或lifealone將帶你到與它相關的方面。

我知道我可以使用jqueryui自動完成，但我寧願保持它與Bootstrap的原生JS/CSS。這甚至有可能嗎？

Answer 1

從文檔手動調用的預輸入：

$('.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