選択されたJqueryは機能しません

Question

私は自分のページで選択しましたが、問題はありますが、選択したものが機能しません。これは私のコードです。

$(".chosen-category").chosen();

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.jquery.js"></script> 
 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.css" rel="stylesheet" type="text/css"> 
 

 
    <select class="chosen-category"> 
 
     <option>Test 1</option> 
 
     <option>Test 2</option> 
 
    \t <option>Test 3</option> 
 
    </select>

私のコードで私が間違っていますか？

Answer 1

あなたは、ドキュメントに選択し、ロードする前に

$(".chosen-category").chosen(); 

と呼ばれている可能性があります。コードを使用

<script type="text/javascript"> 
     $(document).ready(function() { 

      $(".chosen-category").chosen(); 

     }); 
     </script>