1

I'm using bootstrap version 2.3.2. My question is, why when i type something it not show anything? Even though i'm using static source. Can someone explain to me what is wrong with my code? Thank you.

<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>
4

2 回答 2

0

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

检查你的 JS 控制台,看看你是否有这个错误:

对象 [对象对象] 没有方法 'typeahead'

如果你找到它,修复你的bootstrap.js路径。
您还应该链接bootstrap.css,但我假设您已经这样做了。

于 2013-09-18T12:38:28.767 回答
0

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

于 2013-09-18T12:39:10.810 回答