2017-03-02 9 views
0

を動作しません、私は必要なライブラリJSとCSSを宣言したが、それは動作しません:ブートストラップ-tokenfield私は色のリストを表示するには、ブートストラップ・tokenfieldを使用してい

Result

スクリプト:

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

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> 

感謝助けるために!

+0

問題をjQueryの-ui.cssが必要!!!! – Fredj

答えて

0

は、ちょうど我々はican't ONFOCUS、オートコンプリートが機能しないリストを表示します。..それがそのソースリストを表示するために必要だ

0

おそらくインポートの順序を変更する必要があります - JQueryの後にトークンフィールドスクリプトをインポートしてください。

+0

私は試しましたが動作しません! – Fredj

関連する問題