$(...)。tagit不是函数

时间:2016-07-27 12:33:27

标签: javascript jquery html tag-it

我遇到了tagit插件的问题,我无法使用它我总是遇到错误$(...).tagit is not a function。 Jquery和Jquery Ui包含在我的页脚中,tagit包含在正文中。我有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 :(得分:4)

检查一些事项:

  1. 包含jQuery
  2. 包括Tagit库
  3. jQuery包含在Tagit插件之前
  4. jQuery不包含多次
  5. 修改 jQuery UI也是必需的,因为@Bob Kaufman指出它是tagit的依赖。