Twitter bootstrap 引导typeahead未显示(使用静态源)

Twitter bootstrap 引导typeahead未显示(使用静态源),twitter-bootstrap,typeahead,Twitter Bootstrap,Typeahead,我使用的是引导版本2.3.2。我的问题是,为什么我键入的内容没有显示任何内容?即使我使用的是静态源代码。有人能解释一下我的代码有什么问题吗?多谢各位 <input type="text" class="span3" data-provide="typeahead" id="typeahead"> <script src="http://code.jquery.com/jquery-1.10.0.min.js" type="text/javascript"></scr

我使用的是引导版本2.3.2。我的问题是,为什么我键入的内容没有显示任何内容?即使我使用的是静态源代码。有人能解释一下我的代码有什么问题吗?多谢各位

<input type="text" class="span3" data-provide="typeahead" id="typeahead">
<script src="http://code.jquery.com/jquery-1.10.0.min.js" type="text/javascript"></script>
<script src="js/bootstrap.js"></script>

<script>
  $(function() {
    $('#typeahead').typeahead({
      source: ["Ayam", "Kambing", "Itik"]
    });
  });
</script>

$(函数(){
$('#typeahead')。typeahead({
资料来源:[“阿亚姆”、“Kambing”、“Itik”]
});
});
以下是一个示例,说明没有问题

检查JS控制台以查看是否存在以下错误:

对象[Object Object]没有方法“typeahead”

如果找到它,请修复您的
bootstrap.js
路径。

您还应该链接
bootstrap.css
,但我假设您已经链接了。

使用CDN进行测试,看看它是否有效。用这个替换你的
bootstrap.js

<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>

如果仍然不起作用,请尝试使用
数据源
属性


它在jsbin中工作:

您在JS控制台中有任何错误吗?您是否也添加了引导css文件?谢谢@zessx。我不知道为什么它会突然起作用。我尝试使用JofryHS的方法,是的,它是有效的。然后我撤销以获取当前代码并保存..puff!!它在帮你@JofryHS。我正在使用你的代码,是的,它正在工作。然后切换回我自己的代码并保存..它也可以工作。我不知道它是怎么突然起作用的。