Bootstrap-tokenfield nicht

Question

funktioniert

Ich bin mit Bootstrap-tokenfield Liste der Farbe anzuzeigen, erklärte ich die notwendige Bibliothek JS und CSS, aber es funktioniert nicht:

Script:

//$('#myfiltre').tokenfield(); 
$('#myfiltre').tokenfield({ 
    autocomplete: { 
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'], 
    delay: 100 
    }, 
    showAutocompleteOnFocus: true 
}); 

Markup (in index.html):

<div class="space"> 
    <input type="text" style="width: 50%;" class="form-control" id="myfiltre" /> 
    <a href="#" id="clear">Clear</a> 
</div> 

<link rel="stylesheet" type="text/css" href="mystyle/bootstrap-tokenfield.css"> 
<link rel="stylesheet" type="text/css" href="mystyle/bootstrap-tokenfield.min.css"> 

<script src="public/bootstrap-tokenfield.min.js"></script> 
<script src="public/bootstrap-tokenfield.js"></script> 
<script src="public/jquery-1.11.2.min.js"></script> 
<script src="public/jquery-ui.js"></script> 

Dank für die Hilfe!

Answer 1

nur brauchen wir JQuery-ui.css ist es notwendig, dass die Quellenliste anzuzeigen ..

Answer 2

Sie sollten wahrscheinlich die Importreihenfolge ändern - Importieren Sie Ihr Tokenfield-Skript nach der JQuery.