undefined函数初始化taginput bootstrap 3
我试图为bootstrap 3实现TagInput ，但是当我尝试对它进行初始化时，它会给我一个错误Uncaught TypeError: Property 'undefined' of object # is not a function
这是我如何调用脚本
<script src='resources/js/jquery-1.7.2.min.js' type='text/javascript'> <script src='resources/js/bootstrap.js' type='text/javascript'> <script src='resources/js/bootstrap-tagsinput.js' type='text/javascript'> $('.tagplayer').tagsinput();
形成
编辑：我现在不再使用这个插件了，我需要建议接受正确的答案。
我遇到了同样的问题。 可能是作者在经过一些修改后忘记了测试。 打开bootstrap-tagsinput.js，在最后一行你可以看到以下代码;
$(function() { $("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput(); });
如您所见，在此js代码中，将tagsinput()函数。 因此，包括对代码中的tagsinput()调用，有2个调用tagsinput() 。
结果，在第357行注册tagsinput()函数作为jquery插件，初始化失败。
要解决此问题，请注释高级代码。 （但也许你可以使用一些function，但不是重要的
无论如何，你还需要包含bootstrap-tagsinput.css 。
在GitHub上看到这个问题： https ： //github.com/TimSchlechter/bootstrap-tagsinput/issues/52
一个帮助我的解决方法：
我也选择了正确的插件。 最后，我自己实现了taginput，这并不难。 代码：
HTML：
Tags :
JavaScript（JS）：
var id=1; function remove(id) { var element = document.getElementById(id); element.parentNode.removeChild(element); } function addTag(e,name) { if (!e) e = window.event; var keyCode = e.keyCode || e.which; var entry=document.getElementById(name); entry.value=entry.value.toLowerCase(); if (keyCode == '8' && entry.value.length==0) { if (entry.previousSibling.className=="btn btn-secondary margin") { entry.previousSibling.parentNode.removeChild(entry.previousSibling) } return; } if (keyCode != '13' || !/[az]$/.test(entry.value) || document.getElementById(name+"_"+entry.value) != null) { return; } var id; var btn = document.createElement("button"); var t = document.createTextNode(entry.value); btn.appendChild(t); btn.setAttribute("id",name+"_"+entry.value) btn.className="btn btn-secondary margin" btn.setAttribute("onclick","remove('"+name+"_"+entry.value+"')") var insertedNode = entry.parentNode.insertBefore(btn, entry); entry.value="" } document.getElementById('tags').onkeypress=function(e) { addTag(e,"tags"); }
基本上，您只是检查按键是否被按下并且条目格式正确，并相应地在条目之前添加标签，这些标签只是按钮。 只使用纯JS。