$(...).tagit is not a function

Question

i got an issue with tagit plugin, I can't use it I always got the error $(...).tagit is not a function. Jquery and Jquery Ui are included in my footer and tagit is included in the body. I have jquery ui 1.12.0 min and jquery 2.2.4 min. So if anyone already got this error with this plugin or any other plugin I could use some help. Thanks

I have my main page which include the javascript so:

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

And ActiviteComplet.js:

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

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

And finally everything else is included in my footer:

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

Console error output:

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

I added more code so now instead of downvote are you ready to help me ? — Remi Hirtz, Jul 27 '16 at 12:46
Please add your browser console output as well. Do you see any error there? — Mohit Bhardwaj, Jul 27 '16 at 12:47
try look at your source code in browser and navigate to plugin path to see if the plugin is really included in your page — Pepo_rasta, Jul 27 '16 at 12:49

Mohit Bhardwaj · Answer 1 · 2017-12-22T08:30:17.600

4

Check a few things:

jQuery is included
Tagit library is included
jQuery is included before Tagit plugin
jQuery is not included more than once

EDIT jQuery UI is also required as it's a dependency of tagit as pointed out by @Bob Kaufman.

edited Dec 22 '17 at 08:30

answered Jul 27 '16 at 12:35

Mohit Bhardwaj

9,650
3
37
64

1.5 jQuery-ui is included – Bob Kaufman Dec 22 '17 at 00:27
Thanks for pointing out @BobKaufman :) I have updated the answer. – Mohit Bhardwaj Dec 22 '17 at 09:42

$(...).tagit is not a function

1 Answers1