Jquery 未捕获的TypeError:$（…）。typeahead不是引导的函数问题

我正在处理代码点火器中的一个项目。我想在it中实现typeahead。我测试了typeahead的演示，它运行良好（使用jQuery2.2.2.min.和jquerybundle）。但是当我把它放在我的项目文件夹（已经用bootstrap3设计）中时，我的控制台显示出来了

 Uncaught TypeError: $(...).typeahead is not a function

我发现在Twitter Bootstrap 3中，typeahead插件被删除了。因此，我从中放置了bootstrap3-typeahead.js。但我还是遇到了同样的问题。我的剧本如下

   <script src="<?php echo base_url();?>common/js/jquery-2.2.2.min.js"></script>
   <script src="<?php echo base_url();?>common/js/bootstrap.js"></script>
   <script src="<?php echo base_url();?>common/js/bootstrap3-typeahead.js"></script>
   <script src="<?php echo base_url();?>common/js/bootstrap3-typeahead.min.js"></script>   
   <script src="<?php echo base_url();?>common/js/typeahead.bundle.js"></script>

<div id="bloodhound">
   <input id="searchbox" class="typeahead" type="text" placeholder="type here">
   <input id="otherbox"  type="text" placeholder="the right side box">
</div>

<script type="text/javascript">
$(document).ready(function(){
    var source = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url:'testt?st=%QUERY',
        wildcard: '%QUERY',
    }
});
// Initialize the Bloodhound suggestion engine
source.initialize();

$('#searchbox').typeahead(null, {
   // display: name,
   display: function(item){ return item.name},
   source: source.ttAdapter(),
    templates: {
      suggestion: function (item) {
          return '<option value='+item.id+'>' + item.name + '</option>';
      }
  },
   limit:25

});
$('.typeahead').on('typeahead:selected', function(evt, item) {
    $('#otherbox').val(item['name']);
  })
 });

</script> 

---

这个插件的文档不是很有帮助，但我认为您需要获得独立的侦探犬文件并使用它

我认为您的脚本标记应该如下所示：

<script src="<?php echo base_url();?>common/js/jquery-2.2.2.min.js"></script>
<script src="<?php echo base_url();?>common/js/bootstrap.min.js"></script>
<script src="<?php echo base_url();?>common/js/bloodhound.min.js"></script>
<script src="<?php echo base_url();?>common/js/bootstrap3-typeahead.min.js"></script>   

您是否将其放在bootstrap 3 main js之后？否。在那之前，我想这就是问题所在。放在后面，我把订单换了。仍然是相同的问题。更新您的帖子以显示脚本标记的顺序