2016-07-27 21 views
-3

我遇到了tagit插件的問題,我無法使用它我總是收到錯誤$(...).tagit is not a function。 Jquery和Jquery Ui包含在我的頁腳中,tagit包含在body中。我有jQuery UI 1.12.0分鐘和jQuery 2.2.4分鐘。 所以,如果任何人已經得到這個插件或任何其他插件的錯誤,我可以使用一些幫助。由於

我有我的主網頁,其中包含的JavaScript這樣:

<ul id="tags"> 
    <!-- Existing list items will be pre-added to the tags --> 
    <li>Tags</li> 
</ul> 
<script src="<?php echo asset_url("js/ActiviteComplet.js");?>" type="text/javascript" charset="utf-8"></script> 

而且ActiviteComplet.js:

window.addEventListener('load', initEventHandler, false); 

function initEventHandler() 
{ 
    var availableTags = [ 
     "testa", 
     "btest" 
    ]; 
    $("#tags").tagit({ 
     autocomplete: {delay: 0, minLength: 2, source: availableTags} 
    }); 
} 

最後一切都包含在我的頁腳:

<script type="text/javascript" src="<?php echo asset_url("js/jquery-2.2.4.min.js"); ?>"></script> 
<script type="text/javascript" src="<?php echo asset_url("js/jquery-ui.min.js"); ?>"></script> 
<script type="text/javascript" src="<?php echo asset_url("js/bootstrap.min.js"); ?>"></script> 
<script src="<?php echo asset_url("js/tag-it.js");?>" type="text/javascript" charset="utf-8"></script> 

控制檯錯誤輸出:

ActiviteComplet.js:9 Uncaught TypeError: $(...).tagit is not a functioninitEventHandler @ ActiviteComplet.js:9 
+1

你能告訴我們你是如何使用插件嗎? –

+0

我們需要看代碼。 – epascarello

+0

你在加載插件之前調用了這個函數嗎? –

回答

4

檢查的幾件事情:

  1. jQuery是包括
  2. TAG-IT庫包含
  3. jQuery是TAG-IT插件之前,包括
  4. jQuery是不包含一次
更多

編輯 jQuery UI也是必需的因爲它是@Bob Kaufman指出的tagit的依賴項。

+0

1.5包含jQuery-ui –

+0

感謝指出@BobKaufman :)我已經更新了答案。 –