Question

我正在使用bootstrap 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>

Answer 1

这是一个JsFiddle，向您展示没有问题。

检查您的JS控制台，看看您是否收到此错误：

Object [object Object]没有方法'typeahead'

如果找到，请修复bootstrap.js路径您还应该链接bootstrap.css，但我认为您已经这样做了。

Answer 2

使用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>

如果仍然无效，请尝试使用data-source属性。

适用于jsbin：http://jsbin.com/EYutuqU/1/edit

Bootstrap typeahead未显示（使用静态源）

2 个答案: