摘要:BootStrap typeahead 淺談
這不是一個多困難的問題，只是一個小筆記。
Bootstrap的typeahead使用方法如下:
function loadTypeahead(){
var subjects = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5', 'CSS3', 'JSON'];
$('#item').typeahead(
{ highlight: true, minLength: 1, source: subjects });
}
在載入的時候時候只要宣告即可
$(function(){
loadTypeahead();
})
Question:但是問題來了，當Source更新要刷新typeahead的source時直接呼叫 loadTypeahead()
卻無法work。
解決方法如下:
var subjects = localStorage.getArray("phrase"); //get new Array
var autocomplete = $('#P_Phrase').typeahead();
autocomplete.data('typeahead').source = subjects; //reload source
//參考來源
http://stackoverflow.com/questions/13516396/how-to-update-the-source-option-in-bootstrap-typeahead-js