將數據通過Javascript傳遞給Bootstrap Typeahead

Question

伙計們，我正在嘗試將一些數據傳遞給我的提前輸入表單，但是由於某種原因，我的代碼無法正常工作：

這是我的HTML代碼：

<input type="text" class="span3" id="getsourCe" data-provide="typeahead" data-items="4" />

這是我的Javascript代碼：

<script>  
var programLang = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5', 'CSS3', 'JSON'];   
$('#getsourCe').typeahead({source: programLang})  
</script>  

我得到的唯一錯誤是未捕獲的SyntaxError：意外令牌。 我什至不確定它與問題有關。 我的html代碼完全沒有改變！

Answer 1

只需將您的JS代碼包裝在$(document).ready 。 您可以在這里看到它的工作： http : //jsfiddle.net/EkFQP/

這是代碼：

$(document).ready(function() {
     var programLang = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5', 'CSS3', 'JSON'];   
     $('#getsourCe').typeahead({source: programLang})  
});​