通过Javascript将数据传递给Bootstrap Typeahead

时间:2012-12-12 23:21:04

标签: javascript twitter-bootstrap 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>  

我得到的唯一错误是Uncaught SyntaxError:意外的令牌。 我甚至不确定它与问题有关。我的HTML代码根本没有变化!

1 个答案:

答案 0 :(得分: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})  
});​