標籤管理器jquery插件使用typeahead

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' 
}); 

我gettings上引導，tagmanager.js此錯誤：62 ：

Uncaught TypeError: Cannot read property 'prototype' of undefined

我做錯了什麼？

如果我刪除了包含typeahead.js的標籤管理器插件正在工作，但沒有鍵入選項。

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

OR： 也許你可以給我推薦一個更好的標籤Manager插件通過ajax與autocomplate標籤工作負載？

編輯： 我發現了這個問題。 我應該需要包含bootstrap.js而不是typeahead.js。

Answer 1

問題是你使用了錯誤的「typeahead.js」模塊。

您需要bootstrap-typeahead.js。

尋找它的位置：

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