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() 的调用。

因此，在第 357 行将 tagsinput() 函数注册为 jquery 插件，初始化失败。

要解决这个问题，请注释上面的代码。(但也许你可以使用一些功能，但并不重要

无论如何，您还需要包含 bootstrap-tagsinput.css。