将数据通过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})  
});​