2016-05-04 12 views
0

私は自分のサイトで提供したガイド(https://select2.github.io/)に従ってSelect2をテストしようとしています。私が基本的に思いついたのは、htmlファイルにURIを含めるだけでなく、ユーザーが2つの州を選択できる単純なドロップダウンメニューです。しかし、これを実行しようとすると、Select2はまったく実装されていないようです。私が何かを見逃しているのかしら?実行するSelect2を取得することができません

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".js-example-basic-single").select2(); 
}); 
</script> 

<select class="js-example-basic-single"> 
    <option value="AL">Alabama</option> 
    <option value="WY">Wyoming</option> 
</select> 

答えて

2

おそらく愚かな間違い... jQueryも含めることを忘れましたか?

$(document).ready(function() { 
 
    $(".js-example-basic-single").select2(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script> 
 

 
<select class="js-example-basic-single"> 
 
    <option value="AL">Alabama</option> 
 
    <option value="WY">Wyoming</option> 
 
</select>

関連する問題