$（...）。tagitは関数ではありません

Question

私はtagitプラグインで問題が発生しました。私はそれを使用できません。いつもエラー$(...).tagit is not a functionがあります。 JqueryとJquery Uiは私のフッターに含まれ、tagitは本体に含まれています。私はjquery ui 1.12.0分とjquery 2.2.4分を持っています。 誰かがすでにこのプラグインまたは他のプラグインでこのエラーが発生した場合、私はいくつかの助けをすることができます。

<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：おかげ

私はそうはJavaScriptを含める私のメインページを持っている

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 

Answer 1

チェックいくつかのこと：

1. jQueryのは含まれています
2. Tagitライブラリが含まれている
3. jQueryが

回以上含まれていないjQueryのTagitプラグインの前に含まれている

EDIT jQuery UIも必要です@Bob Kaufmanによって指摘されているように、tagitの依存関係であるからです。