Uncaught TypeError：$（...）。typeahead不是引導程序的函數問題

我正在處理代碼點火器中的項目。我想在其中實現typeahead。我測試了typeahead的演示，它運行良好（使用jquery 2.2.2.min和jquerybundle）。但是，當我把我的項目文件夾內（已設計了bootstrap3）我的控制檯顯示

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

而且我發現，隨着Twitter的引導3的預輸入插件已被刪除。因此，我從https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.js放置了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>

請幫我解決這個

來源

2017-04-05 Ajzz

你把它放在引導3主js後？ – Roljhon

nop。在那之前。 – Ajzz

這是我認爲的問題。把它放在後面。 – Roljhon

這個插件的文檔是不是超級有用的，但是我想你會需要獲得獨立警犬文件並使用它。

我覺得你的腳本標籤應該是這樣的：

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

我會去了解一下抓住自舉和警犬的最小版本太（我已將他們列爲分鐘的版本在我的例子）

來源

2017-04-06 16:59:09 maccettura

Uncaught TypeError：$（...）。typeahead不是引導程序的函數問題

回答

相關問題