$ (...). Tagit n'est pas une fonction

Question

J'ai eu un problème avec le plugin tagit, je ne peux pas l'utiliser J'ai toujours eu l'erreur $(...).tagit is not a function. Jquery et Jquery Ui sont inclus dans mon pied de page et le tagit est inclus dans le corps. J'ai jquery ui 1.12.0 min et jquery 2.2.4 min. Donc, si quelqu'un a déjà eu cette erreur avec ce plugin ou tout autre plugin, je pourrais utiliser de l'aide. Merci

J'ai ma page principale qui comprennent le javascript afin:

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

Et ActiviteComplet.js:

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

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

Et enfin tout le reste est inclus dans mon pied de page:

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

Sortie d'erreur de console:

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

Answer 1

Vérifiez quelques choses:

1. jQuery est inclus
2. bibliothèque Tagit est inclus
3. jQuery est inclus avant le plugin Tagit
4. jQuery ne sont pas inclus plus d'une fois

EDIT L'interface utilisateur jQuery est également requise car c'est une dépendance de tagit comme l'a souligné @Bob Kaufman.