标签管理 jQuery 插件使用 Typeahead

5

我希望使用标签管理器(jQuery插件)。

链接:http://welldonethings.com/tags/manager

在该网站的示例中,我看到有一个选项可以使用typeahead。

这是我所做的:

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时遇到了以下错误:

Uncaught TypeError: Cannot read property 'prototype' of undefined

我做错了什么吗?

如果我删除typeahead.js的引用,tags manager插件就可以工作,但没有typeahead选项。

示例: http://jsfiddle.net/F8C8c/

或者: 也许您可以推荐一个更好的tags manager插件,它可以通过ajax加载自动完成标签?

编辑: 我找到了问题所在。 我应该包含bootstrap.js而不是typeahead.js。


它在他们的示例页面上运行正常 http://welldonethings.com/tags/manager - Nir
我开始怀疑是否缺少插件。可能有一些JS文件需要存在,但实际上并不存在。 - Richard
1个回答

0

是的,即使那个插件也需要bootstrap.js。然而,只需添加该插件即可解决原型错误的初始问题。 - Richard

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接