2013-08-16 10 views
5

Voglio utilizzare il gestore di tag (plugin jquery). Link: http://welldonethings.com/tags/managerplug-in jquery di tag manager utilizzando typeahead

Nell'esempio nel sito ho visto che esiste un'opzione per utilizzare typeahead.

Questo è quello che ho fatto:

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

Sono gettings questo errore sul bootstrap-tagmanager.js: 62 :

Uncaught TypeError: Cannot read property 'prototype' of undefined

Cosa sto facendo male?

Se rimuovo l'inclusione di typeahead.js il plug-in di gestione tag funziona ma senza l'opzione typeahead.

Esempio: http://jsfiddle.net/F8C8c/

O: Forse mi può consigliare una migliore tag plugin manager che lavorare con i tag autocomplate caricato tramite la tecnologia AJAX?

MODIFICA: Ho trovato il problema. Avrei bisogno di includere bootstrap.js e non typeahead.js.

+0

E 'di lavoro nella loro esempio pagina http://welldonethings.com/tags/manager – Nir

+0

sto cominciando a mettere in discussione se c'è un plugin mancante. Qualche file JS che deve essere lì, ma non lo è. – Richard

risposta