jQuery Tagit! Je ne travaille pas

J'utilise le tagit jQuery! bibliothèque pour créer un formulaire de saisie "Compétences" utilisateur. Je pensais que ce serait une installation extrêmement rapide et simple comme la plupart des bibliothèques de jQuery, mais j'ai énormément de problèmes avec celle-ci. J'ai essayé de suivre le code source sur l'exemple ci-dessous, mais je n'arrive pas à le faire fonctionner même avec le code source direct.jQuery Tagit! Je ne travaille pas

J'utilise le script trouvé ici: https://github.com/aehlke/tag-it/blob/master/README.markdown

Voici le javascript qui est en cours d'initialisation de la balise-it bibliothèque dans l'en-tête:

$(function() { 
    $('#skills').tagit({  
     singleField: true, 
    }); 
});

Et est l'élément <ul> ici qui est censé se transformer en un champ d'entrée lorsque la bibliothèque de balises-it.js est appelé:

<ul id="skills"></ul>

J'inclus tous ces fichiers pour obtenir ce travail:

<link rel="stylesheet" href="styles/tag-it.css"> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css"> 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/tag-it.js"></script>

Tous les fichiers sont appelés correctement et je ne reçois pas d'erreurs. Il n'y a aucune forme d'entrée où les étiquettes <ul> sont à moins que j'en crée un manuellement

Quelqu'un at-il une idée de pourquoi cela ne fonctionne pas? Dois-je ajouter manuellement un champ de saisie et lui assigner un ID ou une classe spécifique?

EDIT: Cela a été résolu. Le code affiché est 100% correct, j'ai eu une erreur dans le sélecteur jquery avant l'initialisation de tag-it.

Source

2013-01-22 Ty Bailey

Fonctionne bien pour moi: http://jsfiddle.net/RgKuc/ – epascarello

C'est le cas, vous avez raison. Mais je suis toujours confronté à ce problème sur ma page ... est-ce que mon cache peut avoir quelque chose à voir avec ça? –

Sans voir la page, c'est difficile à dire. Votre sélecteur est en cours d'exécution? $ (function() {console.log ($ ('# skills')); $ ('# skills'). tagit ({... ' – epascarello

Je suppose que le problème est avec la virgule

vous avez mis

singleField: true,

mais il doit être

singleField: true

Si vous avez deux options comme

tagSource: availableTags, 
singleField: true

alors seulement les sapins

Source

2013-01-30 13:31:55

La virgule de fin est parfaitement bien en javascript, voir http://stackoverflow.com/questions/7246618/trailing-commas-in- javascript – Philippe

Cette option a été un problème pour moi, mon modèle avait un script liant à une jquery locale. Ainsi, lorsque je copie le lien jqueryui et jquery à partir de tagit, il se chevauche. Se débarrasser de la jquery locale l'a fait pour moi.

Source

2015-11-15 07:10:15

jQuery Tagit! Je ne travaille pas

Répondre

Questions connexes