function indefinita di initialization del bootstrap di taginput 3

Sto provando ad implementare TagInput per bootstrap 3 ma quando provo ad inizializzare, mi dà un errore Uncaught TypeError: Property 'undefined' of object #<TagsInput> is not a function

Ecco come chiamo gli script

 <script src='<?php echo base_url() ?>resources/js/jquery-1.7.2.min.js' type='text/javascript'></script> <script src='<?php echo base_url() ?>resources/js/bootstrap.js' type='text/javascript'></script> <script src='<?php echo base_url() ?>resources/js/bootstrap-tagsinput.js' type='text/javascript'></script> <script> $('.tagplayer').tagsinput();</script> 

module

 <input type="text" class="tagplayer"> 

Modifica: ora non lavoro più con questo plugin, ho bisogno di suggerire di accettare la risposta giusta.

Ho avuto lo stesso problema. L'autore può dimenticare di provare dopo una revisione. Apri bootstrap-tagsinput.js e nell'ultima row puoi vedere il seguente codice;

  $(function() { $("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput(); }); 

Come si può vedere, in questo codice js viene chiamata la function tagsinput() . Quindi, inclusa la tua chiamata a tagsinput() nel codice, ci sono 2 chiamate a tagsinput() .

Di conseguenza, alla row 357 where la logging di tagsinput() funge da plugin jquery, l'initialization non è rioutput.

Per risolvere questo problema, commentare il codice superiore. (Ma forse puoi usare alcune funzionalità, ma non importn

In each caso, è necessario includere anche bootstrap-tagsinput.css .

Visualizza questo problema a GitHub: https://github.com/TimSchlechter/bootstrap-tagsinput/issues/52

Una soluzione che mi ha aiutato:

 <input type="text" id="tags"> <script> var tags = $('#tags') tags.tagsinput(); tags.tagsinput('input').typeahead({ prefetch: 'prefetch.json' }).bind('typeahead:selected', $.proxy(function (obj, datum) { tags.tagsinput('add', datum.value); tags.tagsinput('input').typeahead('setQuery', ''); }, $('input'))); </script>