Question

我想使用标签管理器（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上遇到了这个错误：62：

未捕获的TypeError：无法读取未定义的属性'prototype'

我做错了什么？

如果我删除了typeahead.js的包含，则标记管理器插件正在运行但没有typeahead选项。

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

或也许你可以推荐一个更好的标签管理器插件，它使用通过ajax加载的自动编译标签？

修改我发现了这个问题。我应该包括bootstrap.js而不是typeahead.js。

Answer 1

问题是你使用了错误的“typeahead.js”模块。

你需要bootstrap-typeahead.js。

在这里查找：

https://raw.github.com/tcrosen/twitter-bootstrap-typeahead/master/js/bootstrap-typeahead.js

使用typeahead标记管理器jquery插件

1 个答案: