2016-11-23 5 views
0

私は私のプロジェクトにSelectセレクト・ライブラリを追加するattempingていますが、私は無残に失敗しています:ではSelectセレクトはレンダリングされません正しく

<head> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<link ref="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css"> 
<link ref="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.css"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script> 
</head> 

The rendering is all wired

私のコードは次のようになります本文:

<form> 
    <input type="hidden" name="page" value="products"/> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Include</label> 
    <select class="form-control select2" name="inc" multiple> 
     <option>Chicken</option> 
     <option>Ready Meals</option> 
     <option>Rice</option> 
    </select> 
    </div> 
    <div class="form-group"> 
    <label for="exampleInputPassword1">Exclude</label> 
    <select class="form-control select2" name="exc" multiple> 
     <option>Chicken</option> 
     <option>Ready Meals</option> 
     <option>Rice</option> 
    </select> 
    </div> 
    <script type="text/javascript"> 
    $(".select2").select2({ multiple: true}); 
    </script> 
    <div class="checkbox"> 
    <label> 
     <input type="checkbox"> Check me out 
    </label> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
</form> 

私は間違っていますか?

+0

CSSリンクでは "rel" no "ref"です –

答えて

1

確認してください: それはCSSで「refは」あなたはあなたの頭の部分に含めSELECT2で愚かなミスをしてい

0

ヘイDawid、 を結ぶのではなく「相対」です。あなたのコードには他の問題はありません。

ちょうどあなたが解決策だrel

<link ref="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css"> <link ref="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.css">

変更refを書く2行を変更します。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.css">

うまくいけば、あなたは愚かなエラーが発生しました。

関連する問題