2017-12-10 9 views
-1

私は多くのプレイヤーを持っていますが、特定のプレイヤーを検索しているときには、見つかったプレイヤーのみが表示されていました。ブートストラップでライブ検索を選択できません

私はこの場合ブートストラップセレクトを使用しています。これは私の異なるドロップダウン選択のコードです。これは、データ・ライブ・サーチを使用していますが、まだ動作しません:

<select class="selectpicker" data-size="7" data-style="btn btn-default btn-round" name="method" id="method" title="Select sign up method" data-live-search="true" required> 
    <option value="" selected>- Select sign up method -</option> 
    <option value="2yes">Both players ARE system users</option> 
    <option value="1yes1no">You ARE system user, but partner is NOT</option> 
    <option value="1yes">You ARE system user (for singles)</option> 
</select> 

をので、選択メニューが正常に動作しますが、ライブ検索が動作しません。検索フィールドがありますが、機能(おそらくCSS)はまったく機能していません。

ヘッダーが含まれています:

<link href="assets/css/bootstrap.min.css" rel="stylesheet" /> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" /> 

フッター:

<script src="assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script> 

あなたがhereを確認することができますデモ(トーナメントにサインアップしてください - >方法を選択してください)あなたがでスローエラーを削除する必要が

+0

なぜあなたはあなたの問題を示している、最小限のrunable例を作成していませんか?私はここのすべてのユーザーのほとんどが問題を再現するためだけにサインアップしたくないと確信しています。 – reporter

+0

誰もサインアップする必要はありません)アコーデオンにサインアップしています – Nick

答えて

0

をコンソールを最初に

slick.js:25 Uncaught ReferenceError: jQuery is not defined at slick.js:25 at slick.js:28

次に、bootstrap.jscsファイルを含める必要があります。下記のデモをご覧ください。サイトには、bootstrap-select.cssがソースに含まれていません。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script> 
 

 

 
<div class="bs-docs-example no-code"> 
 
    <select class="selectpicker" data-live-search="true"> 
 
    <option>Hot Dog, Fries and a Soda</option> 
 
    <option>Burger, Shake and a Smile</option> 
 
    <option>Sugar, Spice and all things nice</option> 
 
    </select> 
 
</div>

関連する問題