$（...）。tagit不是函数

-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

来源

2016-07-27 Remi Hirtz

你能告诉我们你是如何使用插件吗？ –

我们需要看代码。 – epascarello

你在加载插件之前调用了这个函数吗？ –

检查的几件事情：

jQuery是包括
TAG-IT库包含
jQuery是TAG-IT插件之前，包括
jQuery是不包含一次

编辑 jQuery UI也是必需的因为它是@Bob Kaufman指出的tagit的依赖项。

来源

2016-07-27 12:35:26

1.5包含jQuery-ui –

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

$（...）。tagit不是函数

回答

相关问题