通过Javascript将数据传递给引导Typeahead

通过Javascript将数据传递给引导Typeahead,javascript,twitter-bootstrap,typeahead,Javascript,Twitter Bootstrap,Typeahead,伙计们,我正在尝试将一些数据传递到我的typeahead表单,但由于某些原因,我的代码无法工作: 这是我的HTML代码: <input type="text" class="span3" id="getsourCe" data-provide="typeahead" data-items="4" /> 这是我的Javascript代码: <script> var programLang = ['PHP', 'MySQL', 'SQL', 'PostgreSQL'

伙计们,我正在尝试将一些数据传递到我的typeahead表单,但由于某些原因,我的代码无法工作:

这是我的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>  

var programLang=['PHP','MySQL','SQL','PostgreSQL','HTML','CSS','HTML5','CSS3','JSON'];
$('#getsourCe').typeahead({source:programLang})
我得到的唯一错误是未捕获的SyntaxError:意外的令牌。
我甚至不确定它是否与这个问题有关。我的html代码根本没有改变

只需将您的JS代码包装在一个
$(文档)中即可。您可以看到它在这里工作:

代码如下:

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

只需将您的JS代码包装在一个
$(文档)中即可。您可以看到它在这里工作:

代码如下:

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

请注意:如果您遇到一个
未损坏的SyntaxError
,则可能会停止其他操作,因此请首先关注它。已经解决了这个问题,但什么也没有发生!请注意:如果您遇到一个
未损坏的SyntaxError
,则可能会停止其他操作,因此请首先关注它。已经解决了这个问题,但什么也没有发生!