Menedżer tagów wtyczka jquery przy użyciu typeahead

Question

Chcę użyć menedżera znaczników (wtyczka jquery). Link: http://welldonethings.com/tags/manager

W przykładzie na stronie zobaczyłem, że istnieje opcja użycia polecenia z wyprzedzeniem.

to co zrobiłem:

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

jestem gettings ten błąd na bootstrap-tagmanager.js: 62 :

Uncaught TypeError: Cannot read property 'prototype' of undefined

Co robię źle?

Jeśli usuwam plik includeahead.js, wtyczka menedżera tagów działa, ale bez opcji typeahead.

Przykład: http://jsfiddle.net/F8C8c/

OR: Może polecić mi lepszą Tagi Zarządzaj plugin, który działa z tagami autocomplate załadowany za pośrednictwem ajax?

EDYTOWANIE: Znalazłem problem. Należy włączyć plik bootstrap.js, a nie typeahead.js.

Answer 1

Problem polega na tym, że używasz niewłaściwego modułu "typeahead.js".

Potrzebujesz pliku bootstrap-typeahead.js.

szukać tutaj:

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