Uncaught TypeError：$（...）。typeaheadはブートストラップで関数の問題ではありません

Question

コードイグナイターのプロジェクトを扱っています。私はそれに先行を実装したい。先読みのデモをテストしたところ、うまくいきました（jquery 2.2.2.minとjquerybundle）。しかし、ときに私は（すでにbootstrap3に設計された）私のプロジェクトフォルダ内の私のコンソールが

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

を示していることに置いて、私はTwitterのブートストラップ3で先行入力プラグインが削除されていたことがわかりました。そこで私はbootstrap3-typeahead.jsをhttps://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/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> 

私は

Answer 1

にこのプラグインのドキュメントをこの問題を解決するために助けてくださいスーパー便利ではありませんが、私は、スタンドアロンのBloodhoundファイルを取得し、それを使用する必要があると思います。