我想使用标签管理器(jquery 插件)。链接:http ://welldonethings.com/tags/manager
在该站点的示例中,我看到有一个使用预先输入的选项。
这就是我所做的:
HTML:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="plugins/tagmanager/typeahead.js"></script>
<script type="text/javascript" src="plugins/tagmanager/bootstrap-tagmanager.js"></script>
<link rel="stylesheet" href="plugins/tagmanager/bootstrap-tagmanager.css" rel="stylesheet">
<input type='text' class="input" data-provide="typeahead" name='tagsInput' id='tagsInput' value='' />
JavaScript:
$("#tagsInput").tagsManager({
deleteTagsOnBackspace: false,
prefilled: ["Pisa", "Rome"],
typeahead: true,
typeaheadAjaxSource: null,
typeaheadSource: ["Pisa", "Rome", "Milan", "Florence", "New York", "Paris", "Berlin", "London", "Madrid"],
blinkBGColor_1: '#FFFF9C',
blinkBGColor_2: '#CDE69C',
hiddenTagListName: 'hiddenTagListA'
});
我在 bootstrap-tagmanager.js:62 上收到此错误:
未捕获的类型错误:无法读取未定义的属性“原型”
我做错了什么?
如果我要删除 typeahead.js 的包含,则标签管理器插件正在工作,但没有 typeahead 选项。
示例:http: //jsfiddle.net/F8C8c/
或者: 也许你可以向我推荐一个更好的标签管理器插件,它可以处理通过 ajax 加载的自动编译标签?
编辑: 我发现了问题。我应该需要包含 bootstrap.js 而不是 typeahead.js。