javascript - 未定义函数初始化 taginput bootstrap 3

Question

我正在尝试实现 TagInput对于 bootstrap 3 但是当我尝试初始化它时，它给我一个错误 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。