undefined函数初始化taginput bootstrap 3

Question

我试图为bootstrap 3 实现TagInput但是当我尝试使用它时,它会给我一个错误Uncaught TypeError: Property 'undefined' of object #<TagsInput> is not a function

这是我如何调用脚本

<script src='<?php echo base_url() ?>resources/js/jquery-1.7.2.min.js' type='text/javascript'></script>

<script src='<?php echo base_url() ?>resources/js/bootstrap.js' type='text/javascript'></script>

<script src='<?php echo base_url() ?>resources/js/bootstrap-tagsinput.js' type='text/javascript'></script>

<script> $('.tagplayer').tagsinput();</script>

形成

<input type="text" class="tagplayer">

编辑:我现在不再使用这个插件了,我需要建议接受正确的答案.

Answer 1

我遇到了同样的问题.可能是作者在经过一些修改后忘记了测试.打开bootstrap-tagsinput.js,在最后一行你可以看到以下代码;

   $(function() {
       $("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput();
   });

如您所见,在此js代码中,tagsinput()函数被调用.因此,tagsinput()在您的代码中包含您的电话,有2个电话tagsinput().

结果,在将tagsinput()函数注册为jquery插件的第357行,初始化失败.

要解决此问题,请注释上层代码.(但也许你可以使用一些功能,但不是重要的

无论如何,你也需要包括在内bootstrap-tagsinput.css.